使用Bootstrap Popover阻止父操作

Question

我有以下JavaScript：

$( ".aa-list-menu-item-heading" ).click(
    function()
    {
        $( this ).find( ".aa-collapse" ).toggleClass( "glyphicon-chevron-left glyphicon-chevron-down" );
        $( this ).next( ".row" ).slideToggle();
    }
);

$("[data-toggle=popover]").popover();

popover链接位于带有.aa-list-menu-item-heading

类的子div中

当我点击弹出窗口时，它可以工作，但$（“。aa-list-menu-item-heading”）。click（）运行

如何阻止父子弹出操作父.click（）？

Answer 1

您“不能”，但您可以检查点击的目标是否是DIV点击事件处理程序中的弹出框，并跳过执行以防万一。

$( ".aa-list-menu-item-heading" ).click(
    function(e)
    {
        if ($(e.target).data('toggle') !== 'popover'){
            $( this ).find( ".aa-collapse" ).toggleClass( "glyphicon-chevron-left glyphicon-chevron-down" );
            $( this ).next( ".row" ).slideToggle();
        }
    }
);