单击；对象并排除其下的标签

Question

可能的重复：
如何在点击子项时忽略点击事件。

我想知道如何构建可在其中使用 jQuery 单击的

，我有 我不希望它执行与单击 li 其余部分相同的操作...

示例：

<li>
    <div> bla bla </div>
    <div> <a href="/home"> </a> </div>
</li>

和 jQuery 代码：

$(document).ready(function () {
    $('li').hide();

    $("li").toggle(
        function () {
            $(this).next().show("slow");
        },
        function () {
            $(this).next().hide();
        }
    );
});

现在我希望切换功能不适用于 仅在

的其余部分上，我解释一下，当我单击链接时，我想要访问“/home”...

谢谢， 戈兰高地

Answer 1

问题来自于这样的事实：单击事件发生在 a 标记上，然后冒泡发生在列表项以及恰好位于 DOM 的该分支中的任何其他元素上。

解决方案是在链接的点击事件中停止这种冒泡。像下面这样的东西应该有效。

$('li a').click(
    function(event){
        event.cancelBubble = true;
        if (event.stopPropagation) event.stopPropagation();    
    }
);

您可以在上述事件中返回 false，但这也会阻止浏览器跟踪该链接。