如何禁用我的情況下，標籤鏈接

Question

我有類似如下的

<div class='bar'>     
       <div class='container'> 
         <a class='add' href='#'>Add</a> 
         <a class='remove' href='#'>Remove</a> 
      </div> 
</div> 

我的jQuery

$('.bar').on('click', function(e){ 

    //do stuff A. 

}) 

我的問題是如何prvent do stuff A當我點擊add和removea標籤中我的情況。

我想要add和remove按鈕現在什麼也不做（最終它們會成爲一個鏈接）。

謝謝！

Answer 1

通過調用.stopPropagation()防止來自Add和Remove元素的事件傳播。

$('.container a').click(function(e){ 
    e.stopPropagation() 
}); 

或處理內部檢查事件是否源自於那些元素，如

$('.bar').on('click', function(e){ 
    if($(e.target).is('.container a')){ 
     return 
    } 

    //do stuff A. 
}) 

Answer 2

$('.bar').on('click', 'a', function(e){ 
    return false; 
});