Jquery 事件触发多次问题

问题由来:

  页面A发出Ajax请求,服务端以Html格式返回页面B并加载,其中返回的页面B有段 此种绑定方式:

       $(document).on("click", "a[name='child']", function () { 再次发出相同请求 })

造成结果:

  第一次点击,发出一次请求。

  第二次点击,发出二次请求。

  第三次点击,发出三次请求。

       ...

  N次点击,发出N次请求。

造成原因:

  JQuery.on()方法对同一个元素多次绑定同一个事件的时候,这个事件就会执行多次,也就是:绑定n次,执行n次

问题解决:

  可以把事件绑定到它外边的页面,如页面A上,只要不让此事件多次绑定即可。

  (其他重复绑定,执行多次的问题,可以通过Off()函数解绑事件.如果要附加一个事件,只执行一次,然后删除自己,请使用one()函数)

 

  

 

    

   

 

posted @ 2017-10-21 14:56  灰兔子  阅读(1068)  评论(0编辑  收藏  举报