关于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对话框。

      另外，当刷新时，如果每次都重新绑定，也会出问题。如代码：

pageClick: function() {
            //分页点击
            var currentPage,totalPageNum;
            var select = Gis.getSelectControl();
            $("#tab_next_page").bind("click", function(){
                select.unselectAll();
                currentPage = parseInt($("#page_flag_current").text());
                totalPageNum = parseInt($("#page_flag_total").text());
                currentPage += 1;
                if(currentPage <= totalPageNum){
                    $("#page_flag_current").text(currentPage);
                    Gis.clearFeature();
                    Gis.showGis(coList.init(currentPage, false, Gis.map.getZoom()));
                }
                else{
                    currentPage = totalPageNum;
                    $("#page_flag_current").text(currentPage);
                }
            });
            $("#tab_pre_page").bind("click", function(){
                select.unselectAll();
                currentPage = parseInt($("#page_flag_current").text());
                //totalPageNum = parseInt($("#page_flag_total").text());
                currentPage -= 1;
                if(currentPage > 0){
                    $("#page_flag_current").text(currentPage);
                    Gis.clearFeature();
                    Gis.showGis(coList.init(currentPage, false, Gis.map.getZoom()));
                }
                else{
                    currentPage = 1;
                    $("#page_flag_current").text(currentPage);
                }
            });

如果每次刷新都调用这个方法，那么就会导致刷新一次绑定一次，造成重复绑定，引起很多奇怪的性能问题。

对于重复绑定解决办法：在会重复绑定的元素上执行解绑，即unbind(),如：

$('.test').bind('click',function(){ 
     $('.last').unbind('click').bind('click',function(){ 
          alert('nihao'); 
     }); 
}); 

这样，不管点击多少次第一个button，再点击第二个时，只会弹出一个alert对话框。 

同样，对于第二种情况，如：

$("#tab_next_page").unbind("click").bind("click", function(){...});

参考出处：http://www.jb51.net/article/45139.htm