jquery click 多次绑定，多次触发，怎么清除历史绑定事件

最新推荐文章于 2025-11-29 13:42:57 发布

最新推荐文章于 2025-11-29 13:42:57 发布 · 146 阅读

文章标签：

#javascript #ViewUI

本文介绍了一个关于使用jQuery在页面超链接上绑定click事件的问题。当多次点击超链接时，会打开多个新窗口。文章详细说明了如何通过使用unbind方法来避免click事件的重复绑定，确保每次点击只打开一个新窗口。

最近在用jquery对一个页面超链接元素进行click事件绑定，绑定调用方法如下：

function OpenUrl(url){ $("a[rel='xggl']").click(function () { window.open(url,"_blank"); } }
第一次点击超链接，一切正常，第二次点击超链接，竟然打开两个窗口，再次打开，打开的窗口越来越多，怎么回事呢？

显然，click事件是append 的而不是replace。抓紧翻阅jquery的api【http://visualjquery.com/】，很幸运找到了一个函数unbind，代码修改如下：

function OpenUrl(url){ $("a[rel='xggl']").unbind('click'); $("a[rel='xggl']").click(function () { window.open(url,"_blank"); } }
再次运行程序，一切ok！！！！