使用类选择器时,jquery click 事件被触发多次

标签 jquery html css-selectors click

这是我的html

<li><div class="myLink" id=1>A<div>
<li><div class="myLink" id=2>b<div>
<li><div class="myLink" id=3>c<div>
<li><div class="myLink" id=4>d<div>
<li><div class="myLink" id=5>d<div>
<li><div class="myLink" id=6>e<div>
<li><div class="myLink" id=7>d<div>
<li><div class="myLink" id=8>g<div>

我用这段代码创建了一个 jquery 事件绑定(bind):

    jQuery(".myLink").click(function(event) {

         var myId = this.id;

         location.href = '/x/y?myId=' + myID;
   });

当我单击其中一个链接(li 项)时。我认为这会触发一个点击事件,当我调用 this.id 时,我只会得到我点击的项目的 ID。

但它看起来像:

   jQuery(".myLink").click(function(event) {

一遍又一遍地触发,甚至以为我只是点击了一个链接。我在他们的程序中放入了一个调试器语句并使用了 Firebug ,并看到它被一遍又一遍地调用。

有什么想法吗?

最佳答案

我有一个类似的问题,我的解决方案是在声明点击事件之前取消绑定(bind)点击事件。没有多大意义,但我不知道多个事件如何附加到单个 HTML 元素。 (而且我的 HTML 看起来有效;))

$('.remove_lkc').unbind('click').click(function(){ ..........

关于使用类选择器时,jquery click 事件被触发多次,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/2024389/

相关文章:

css - 是否有 "previous sibling"选择器?

JQuery 在类里面停止切换

jquery - 图像轮播中的元素对齐

javascript - 单击时缩小 div - Jquery 1.9

javascript - Firefox 14 破坏了 3D 'card flip' 效果——有人知道为什么吗?

javascript - 在输入中添加工具提示,angularjs

javascript - 类型错误 : document. getElementById() 为空

javascript - 在动态生成的表之后从 jQuery 插入一个跨度

css - 理解一些第 n 个 child 的例子

css - gwt 样式第 n 个子级与第一个子级碰撞