jQuery事件重复绑定解决方案

 今天在使用jQuery过程中碰到了这个隐藏在代码中的问题:事件绑定会累加而不会覆盖掉前者。特此记录下解决方案。

网站设计制作过程拒绝使用模板建站;使用PHP+MYSQL原生开发可交付网站源代码;符合网站优化排名的后台管理系统;网站建设、网站制作收费合理;免费进行网站备案等企业网站建设一条龙服务.我们是一家持续稳定运营了十年的创新互联网站建设公司。

测试代码:

  1.  
  2.  
  3.  
  4.  
  5.  
  6.  
  7.  
  8.  
  9.     
  10.    
  11.  
  12.  
  13.     第一次   
  14.     

    0

     
  15.     

    1

     
  16.     

    2

     
  17.     

    3

     
  18.     

    4

     
  19.     

    5

     
  20.       
  21.  
  22.  
  23. 看出问题来了吗?没看出来那就先后点击按钮对数字进行事件绑定,然后再点数字看下效果就知道了。jQuery事件绑定是会累加的,最终那个才是正确写法,绑定前先释放掉。 注:.on及.off在jQuery1.7+支持! 

 


当前文章:jQuery事件重复绑定解决方案
文章URL:http://scyanting.com/article/ihhppd.html