Javascript 单击链接内按钮的事件激发两次

我正在使用引导创建导航控件。控件中的每个条目都是一个链接，该链接元素还包含一个按钮。单击按钮可删除列表条目，或者单击列表条目本身可对其执行某些操作

每个列表条目的html如下所示：

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

    </a>
</li>

当我单击按钮删除条目时，会触发“删除”单击例程，然后是启动例程

如何使单击移除按钮只会导致运行移除单击处理程序

---

谢谢

MyInfo在我看来很狡猾。我可以略过这一点，再加上一句；相反但是我不知道您的其他代码…

试试这个：

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

这将防止“删除我”按钮的

click

事件冒泡到其父“启动我”容器并执行其

click

处理程序

您的姓名：

---

之后的挖掘：

查找冒泡事件。具体来说，是stopPropagation（）

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