$ event.stopPropagation () не работает внутри переключателя выпадающего меню - PullRequest
Новая
       20

$ event.stopPropagation () не работает внутри переключателя выпадающего меню

0 голосов
/ 09 апреля 2019

Я пытаюсь держать раскрывающееся меню открытым, когда нажимаю на второй селектор с помощью

$ 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 -управляемый "open" класс, активный при клике ..

1 Ответ

0 голосов
/ 09 апреля 2019

Попробуйте, надеюсь, это поможет, спасибо 

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