关于jquery某一元素重复绑定的问题
某天晚上写代码的时候,突然出了bug,想了很久都不知道问题出在哪里(其实是很简单的问题,但由于我还是个菜鸟,所以不知道)。几经周折,这中间的过程就不提了,终于让我在快崩溃的时候,发现了原因。原来是因为同一jquery元素可以重复绑定,当使用了嵌套绑定的时候,就容易出错。如代码: $('.test').bind('click',function(){ $('.last').bind('click',function(){ alert('nihao'); }); }); <button class="test">上一级绑定</button> <button class="last">下一级绑定</button> 当我点击第一个button时,再点击第二个button,是没有问题的。可如果在页面刷新之前,点击了多次(n次)第一个button的话,此时再点击第二个button,就出问题了,就会弹出(n个)alert对话框。 解决办法:在会重复绑定的元素上执行解绑,即unbind(),如: $('.test').bind('click',function(){ $('.last').unbind('click').bind('click',function(){ alert('nihao'); }); }); 这样,不管点击多少次第一个button,再点击第二个时