jquery - Jquery .live 多次触发

Question

我的页面包含数据列表。当我选择并单击编辑按钮时，使用带有填充数据的 ajax 加载新表单。当我单击表单上的保存按钮时，它会触发多次。

 $('#datasave').live('click' , function() {
     alert("here");
 });

我在多次单击保存按钮时收到警报。第一次加载 2 次。
然后如果我重复上述内容，我会得到 3 次警报，
然后如果我重复上述内容，我会得到 4 次警报，

Answer 1

尝试delegate

 $('body').delegate('#datasave','click' , function() {
     alert("here");
 });

Answer 2

确保您只将“单击”事件绑定到按钮一次。

签入您的代码，警报数量每次都会增加，这意味着您一遍又一遍地绑定事件。

我的建议是，如果您使用“实时”方法，请在准备好文档时执行此操作：

html:

<input type="button" id="datasave" value="Sava Data" />​

jQuery：

$(document).ready(
    function(){
       $("#datasave").live(
           "click",
           function(){
              alert("Data Saved!");               
           }
       );            
    }
);​