unbind()解决多次弹窗问题

一、遇到的问题

点击按钮，弹窗；关闭弹窗，再次点击按钮，会同时出来两个相同的弹窗；依次类推，多次弹窗

二、解决问题

按钮的点击事件被多次绑定，导致按钮的事件执行次数，随着弹窗弹出的次数累加，解决方法，再次点击按钮前先通过unbind()解绑之前的点击事件，这样就不会多次绑定点击事件了

$('.test').unbind("click").bind("click",function(e){
       //TODO 点击事件触发的代码
      });

三、延伸

jQuery的click绑定方式有多种，解除绑定的方式需要使用对应的解绑方式
1、使用.bind()绑定事件时（在1.7之后建议使用on），使用.unbind()解除绑定；
2）使用.live()绑定事件时，使用.die()解除绑定；
3）使用.delegate()绑定事件时，使用undelegate()解除绑定；
不确定使用的是那种方式绑定时，可以都用上：
.bind("click").die("click").undelegate("click")