單擊事件兩次觸發按鈕鏈接

Question

我使用引導程序來創建堆積藥丸導航控件。控件中的每個條目都是一個鏈接，並且該鏈接元素還包含一個按鈕。該按鈕可以被點擊以刪除列表條目，或者列表條目本身可以被點擊以對其執行一些操作。

每個列表項的HTML如下：

<li> 
    <a href="#" id="launch_me">Some title 
     <button class="my-class" id="remove_me"> 
      <i class="icon-remove"></i> 
     </button> 

    </a> 
</li> 

這些項目動態添加基於來自服務器的響應。然後jQuery的通過將點擊處理程序：

$("#launch_me").click((function (info) { 
    return function() { 
     launch(info); 
    }; 
})(myInfo)); 

$("#remove_me").click((function (info) { 
    return function() { 
     remove(info); 
    }; 
})(myInfo)); 

當我點擊按鈕，刪除該條目中，「刪除」點擊程序被觸發，隨後啓動程序。

我該如何做到這一點，因此點擊刪除按鈕只會導致刪除點擊處理程序運行？

謝謝！

Answer 1

MyInfo看起來對我來說很狡猾。我將跳過這個並添加;代替。但後來我不知道你的代碼的其餘部分...

Answer 2

試試這個：

$("#remove_me").click((function (info) { 
    return function (e) { 
     e.stopPropagation(); 
     remove(info); 
    }; 
})(myInfo)); 

http://api.jquery.com/event.stopPropagation/

這將防止click事件「刪除我」按鈕的向上冒泡到其父母「啓動我」容器並執行其處理程序click。

你面前：http://jsfiddle.net/HVExt/

礦後：http://jsfiddle.net/HVExt/1/