jQuery如何从冒泡中停止触发的点击事件

时间:2014-07-11 07:19:17

标签: jquery event-bubbling stoppropagation

我有这段代码:

$('.panel-select').click(function() {
  $(this).children('input').trigger('click');
});

但是我得到了一个RangeError:超出了最大调用堆栈大小。 我搜索了一些,发现事件在DOM中冒出来。

我试图阻止它,但我没有成功。 我试过这个:

$('.panel-select').click(function(e) {
  e.stopPropagation();
  $(this).children('input').trigger('click');
});

但它不起作用。我该怎么做?

1 个答案:

答案 0 :(得分:3)

您需要为子元素设置绑定事件:

$('.panel-select').click(function() {
   $(this).children('input').trigger('click');
});

// try adding to the below event not on the parent.

$('.panel-select input').click(function(e) {
    e.stopPropagation();
});