如何在我的情况下禁用标记链接

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.   

 })

我的问题是如何在我的案例中点击do stuff A和add remove标记时发布a。

我希望add和remove按钮暂时不执行任何操作（最终它们将成为链接）。

谢谢！

Answer 1

通过调用Add阻止来自Remove和.stopPropagation()元素的事件传播。

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