表单标记与Jquery函数冲突

我是个新手，经过一番研究后，我感觉到这件事已经超出了我的想象，所以我想请你离开

下面的Jfiddle显示了运行良好的代码——即其中的jquery。然而，当我用表单标记包围html时，它似乎完全搞乱了jquery

我将在下面的代码中指出在哪里添加表单标记

HTML

这种情况发生的原因是，如果您按表单提交页面，则添加按钮将充当提交按钮并在单击时刷新页面，以避免您必须指定
type='button'
，因此在HTML代码中，按钮应类似于：

<td>
    <button class="item" type="button">Add</button>
    <div class = "dropmenu"></div>
</td>


添加

在你的JS代码中，比如：

$('table tbody').append('<tr><td>....<button class="item" type="button">Add</button>...');

$（'table tbody'）。追加（'..添加…）；

希望这有帮助

$('table tbody').append('<tr><td>....<button class="item" type="button">Add</button>...');