带有多个按钮的HTML表单-不调用Jquery函数

我有下面的HTML表单

<form id="test" name="test">
<button id="save" class="small"><i class="icon-plus"></i>save</button>  //KickStart
<button id="edit" class="small"><i class="icon-plus"></i>edit</button>
 <input value=1 type="text" name=Col1 class="Hide">
 <input value=2 type="text" name=Col2 class="Hide">

</form>

但是当我点击编辑按钮时，表单提交并没有像预期的那样调用Jquery函数

---

也许我遗漏了表单的某些属性

在将事件绑定到任何元素之前，必须等待DOM准备就绪

你要做的就是把你的代码放进

$(document).ready(function(){
    $(document).on("click", "#edit", function (e) {
        return false;
    });
});

---

如果标题中有以下代码，则需要使用

$（function（）{}）。

这将在加载页面后运行代码

$(function(){
  $("#edit").click(function (e) {
    alert("a");
    return false;
  });
});

试试这个

$(document).ready(function(){
     $("#edit").click(function(e) {
         alert("edit button clicked!");
         return false;
     });
});

---

另一种解决方案是使用preventDefault（）函数：

$(document).on("click", "#edit", function (e) {
    alert("Hi");
    e.preventDefault();
});

---

请参见和

能否将HTML发布到包含jQuery的位置？另外，事件是否绑定在

文档中。准备好了吗？

？我没有得到第一个！第二个问题是不！单独的事件不在文档中。readyYou可以对html按钮使用属性

type=“button”

。这将阻止它提交。对于第一个，我指的是引用jQuery库的HTML代码（脚本标记）。至于第二个问题，@Razz已经回答了。谢谢@jSang。答案是：）我建议使用

e.preventDefault（）

而不是

返回false

并在（'click'，function（）{…}）上使用

$（'#edit'）而不是文档。
$(document).on("click", "#edit", function (e) {
    alert("Hi");
    e.preventDefault();
});