jQuery处理嵌套在复选框中的click事件 <li> 和<a>元素，而离开父母</a> <ul> 打开

Question

这似乎是一个简单的问题，但令我感到沮丧。 我希望能够单击包含复选框的下拉列表中的多个项目而不会折叠该列表。 我在ul，li和没有运气的元素上尝试了各种事件处理程序。 其中包括e.preventDefault（），e.​​stopPropogation（），并按照此答案通过'hide.bs.dropdown'事件防止ul的关闭。

我的清单项目：

<li class="serviceListItem">
  <a class="serviceListItemLink">
    <input class="checkService" type="checkbox" value="">
  </a>
</li>

和我当前的事件处理程序集 我尝试了这些的大多数组合。

$('#serviceDropdown').on('hide.bs.dropdown', function() {
  return false;
});

$('.serviceListItemLink').click(function(e) {
  console.log('you clicked a service');
  e.stopPropogation();
  e.preventDefault();
});
$('.serviceListItem').click(function(e) {
  e.stopPropogation();
  e.preventDefault();
});

我应该添加我的UL #servicesDropdown ID。 谢谢您提前提供的所有帮助。

Answer 1

那是您尝试过的代码吗？ 在这种情况下，您拼写了“传播”。

它应该是：

e.stopPropagation();

...并不是：

e.stopPropogation();