Question

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

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

我多次点击保存按钮时收到警报。首次加载2次。然后，如果我重复上述情况，我会收到3次警报，那么如果我重复上述内容，我会收到4次警报，

Answer 1

尝试delegate

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

Answer 2

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

检查您的代码，警报号码每次增加的事实，意味着你一遍又一遍地绑定事件。

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

HTML：

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

jquery的：

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

Jquery .live多次触发

2 个答案: