jQuery如何阻止触发的点击事件冒泡

Question

我有这个代码：

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

但我收到 RangeError：超出最大调用堆栈大小。 我搜索了一些，发现事件在 DOM 中冒泡。

我试图阻止它，但我没有成功。 我试过这个：

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

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

Answer 1

你需要有一个绑定到子元素的事件：

$('.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();
});