Question

我有一个可实现折叠的对象，并且在锚标签中有一个图标。我希望能够单击该图标，然后打开一个模式，但同时不要折叠可折叠对象。

到目前为止，我一直在尝试使用e.stopPropagation（），但是由于某些原因，它无法正常工作。发生的是，当我单击该图标时，可折叠按钮不会折叠，但模式框也不会打开。我认为正在发生的事情是，单击图标时，它会停止传播，甚至链接到锚标记的事件也不会执行。

<ul class="collapsible">
      <li>
        <div class="collapsible-header"><i class="material-icons">filter_drama</i>First <span style="position: absolute; right: 50px;"><a href="#modal" class="modal-trigger"><i class="material-icons">credit_card</i></i></a></span></div>
        <div class="collapsible-body"><span>Lorem ipsum dolor sit amet.</span></div>
      </li>
      <li>
        <div class="collapsible-header"><i class="material-icons">place</i>Second <span style="position: absolute; right: 50px;"><a href="#modal" class="modal-trigger"><i class="material-icons">credit_card</i></i></a></span></div>
        <div class="collapsible-body"><span>Lorem ipsum dolor sit amet.</span></div>
      </li>
      <li>
        <div class="collapsible-header"><i class="material-icons">whatshot</i>Third <span style="position: absolute; right: 50px;"><a href="#modal" class="modal-trigger"><i class="material-icons">credit_card</i></i></a></span></div>
        <div class="collapsible-body"><span>Lorem ipsum dolor sit amet.</span></div>
      </li>
</ul>

JS停止在实体可折叠中传播

0 个答案: