单击事件两次触发按钮链接

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/