Jquery Click 事件绑定多次的解决方法

2009-08-25 文章来源：互联网浏览次数：2258 分享文章

在做毕业设计的时候，后台管理需要执行删除操作，有5个模块，它们的删除操作前台都是一样的。
通过显示自己编写的删除对话框，当用户点击删除时，通过AJAX执行删除操作，可是Click事件会执行多次，而且是有规律的递增，这就有些奇怪了，真是一头雾水，以前也出现过类似的错误，当时也没有在意，就没去认真解决，这次真是不解决就不能往下做了。
终于，终于，发现了错误的根源。原来是Click事件进行了累加绑定，每当我调用一次时，他便增加一次绑定，这样必然出现了多次请求删除数据，导致返回错误信息。

 
//删除事件 
$(function() { 
    $("div.dialogcontent a,li.icon").click(function() { 
        if ($(this).text() == "删除") { 
            DelItem(); 
        } 
        else { 
            $("div.dialog").fadeOut("fast"); 
            $(contrid + " div.screen").fadeOut("fast"); 
        } 
        $("div.dialogcontent a,li.icon").unbind('click'); //解除绑定 
    }); 
});

//删除事件
$(function() {
    $("div.dialogcontent a,li.icon").click(function() {
        if ($(this).text() == "删除") {
            DelItem();
        }
        else {
            $("div.dialog").fadeOut("fast");
            $(contrid + " div.screen").fadeOut("fast");
        }
        $("div.dialogcontent a,li.icon").unbind('click'); //解除绑定
    });
});

转自：hi.baidu.com/plummoon/blog/item/24154d34b38d8646251f14fe.html

上一篇：Jquery选择器

下一篇：javascript html table excel

Jquery Click 事件绑定多次的解决方法

文章评论(查看全部)