Question

请参阅点击事件

上的嵌套div元素

我很难通过点击#mydata链接来触发事件。

<ul class="dropdown-menu example" role="menu" aria-labelledby="dropdownMenu1">
  <li role="presentation">
    <a role="menuitem" tabindex="-1" href="">
      <div id="#mydata">
        data
      </div>
    </a>
  </li>

如何设置$('.example').click(function(e) {以便点击data后我就可以触发事件。

Answer 1

您可以使用jQuery的on方法并使用div作为选择器

像这样：

$('a[role="menuitem"]').on('click', 'div', function(e){
    console.log(this);
    e.preventDefault();
});

Answer 2

为什么不将点击处理程序附加到#mydata div？由于#mydata是一个ID，因此应该只有其中一个。

$('#mydata').click( function() { ...

如果需要，您可以委派来自.example的点击：

$('.example').on('click', '#mydata', function() { ...

但是，除非#mydata是动态的（即在页面加载后添加），否则这不会有用。

如果您想在每个li等上使用点按句柄，请执行以下操作：

$('.example').on('li', '#mydata', function() { ...

请参阅click事件中的嵌套div元素

2 个答案: