如何從父子元素阻止父母的屬性

Question

我有一個div屬性data-toggle =摺疊。此div包含子元素（標記 - 鏈接），我希望elemnt不會引用data-toogle屬性。

<div data-toggle="collapse" data-target="#someElement"> 
 
    <span>click here to collapse</span> 
 
    <a (click)="anyFunction($event)">open new window</a> 
 
</div>

我不想要一個元素上單擊將摺疊該面板。

我該怎麼辦呢？

Answer 1

你應該使用stopPropagation（）。請參閱下面的示例

說明：防止事件冒泡DOM樹，阻止任何父處理程序被通知事件。

$("a").on("click",function(e) { 
 
    e.stopPropagation() 
 

 
})

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<link href="https://netdna.bootstrapcdn.com/bootstrap/3.0.0/css/bootstrap.min.css" rel="stylesheet"/> 
 
<script src="https://netdna.bootstrapcdn.com/bootstrap/3.0.0/js/bootstrap.min.js"></script> 
 
<div data-toggle="collapse" data-target="#someElement"> 
 
    <span>click here to collapse</span> 
 
    <a>open new window</a> 
 
</div> 
 
<div id="someElement" class="collapse"> 
 
blabla 
 
</div>