JS Остановить распространение в материализации складной - PullRequest
Новая
       6

JS Остановить распространение в материализации складной

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

У меня есть складной материал, и у меня есть значок внутри тега привязки. Я хочу иметь возможность щелкнуть по значку и открыть модальный, но в то же время не свернуть складной.

Пока я пробовал использовать 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>
...