Question

当我使用

单击第二个选择器时，我试图使下拉菜单保持打开状态

$ event.stopPropagation（）

但是它没有按预期工作。

<ul class="dropdown-menu">
    <li class="dropdown-header"><b>Example</b></li>
    <li><a>Example 1</a></li>
    <li><a onclick="$event.stopPropagation()">Example 2</a></li>
    <li><a>Example 3</a></li>
    <li><a>Example 4</a></li>
    <li><a >Example 5</a></li>
</ul>

请建议还有其他方法可以使用CSS-保持点击时激活“打开”类。

Answer 1

尝试此希望对您有帮助，谢谢

    $('.dropdown-menu').click(function(e){
      console.log('List has been clicked')
    })
    $(".link").click(function(event){
      event.stopPropagation();
     });

.link
{
color:red;

}

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<ul class="dropdown-menu">
    <li class="dropdown-header"><b>Example</b></li>
    <li><a>Example 1</a></li>
    <li><a class="link">Example 2</a></li>
    <li><a>Example 3</a></li>
    <li><a>Example 4</a></li>
    <li><a >Example 5</a></li>
</ul>

$ event.stopPropagation（）在下拉切换中不起作用

1 个答案: