Question

我有一个带有两个链接的面板，linkEdit和linkShow，我们用它来折叠/展开面板。我需要知道点击了哪个链接。我尝试了$触发器但返回了两个触发器元素。

这样做的原因是我只希望linkEdit只展开，linkShow可以展开和折叠。如果单击linkEdit，则返回false;如果单击linkShow，则返回true。

$(document).ready(function () {
    $('#collapsePanel').on('hide.bs.collapse', function (e) {
        console.info($(e.target).data('bs.collapse'));
        var triggers = $(e.target).data('bs.collapse').$trigger;
        console.info($(this));            
    })
});

Answer 1

只需使用JQuery检查其中是否有任何一个孩子被点击，将onClick监听器附加到collapsePanel内部或外部的每个链接（我不确定我是否理解你）：

$("#collapsePanel .link_class").click(function() {
    if ( $(this).attr('class') === "linkEdit" ) {
        // Collapse your #collapsePanel
    } else {
        // Don't collapse your panel
    }
}

如果您只想在collapsePanel中显示一些元素，请使用$(".your_hidden_elements").hide()隐藏它们。

Bootstrap如何单击要折叠的元素

1 个答案: