Jquery解除元素绑定的事件

Jquery解除元素绑定的事件

          在开发过程中,可以使用Jquery来为元素绑定一些事件,比如单击、鼠标等。

         今天遇到个问题是,在开发完成后,发现一个按钮会触发2次Ajax请求,代码中却只是绑定了一次,代码比较多,之前还以为是因为validate框架的问题,认为表单提交会触发验证框架的回调,然后还有一次表单的事件,左右测试了下不是这个问题,调试后发现原来是JQuery在作怪,在页面成功构造后,通过事件构造表单元素,这个构造完成为表单提交按钮绑定事件,如果用户此后做其他操作,比如修改,页面会重复的构造表单更新数据,这样会导致表单构造后再次的绑定了按钮事件。

      Jquery在触发这种情况下的事件就会触发绑定的次数,造成了之前的困惑,知道原因就好解决了,对元素解除绑定就可以了,

$("#A").click(function(){
   dotsh();
});
$("#A").unbind("click");

留下回复