Question

我正在使用Bootstrap的手风琴小部件来包含多个表单，即每个面板包含一个表单。选择最后一个面板后，将发布来自其他面板的数据，这些数据将用于绘制数据图形。但是，我无法找到发布部分，因为我无法确定当前选择了哪个面板。我知道这与一类活动或非活动有关，但我不认为bootstrap的手风琴支持与jquery手风琴不同的功能。

我试图找出第一部分，即检查用户是否点击了最后一个面板。在我的HTML代码中，它的ID为#results。这是一个jsfiddle，它展示了我面临的问题。当用户点击#results标签时，似乎没有触发第二个警报功能，不知道为什么。

示例javascript代码：

 $('#accordion').on('show.bs.collapse', function () {
    $('#results').click(function () {
        alert("works"); //testing purposes
    });
});

Answer 1

这是你想要的吗？

小提琴： Demo

在on function

之外

 $('#results').click(function (){
        alert("clicked");
    });

Answer 2

为什么不做？

$('#results').click(function (){
    alert("clicked");
});

只需删除手风琴功能，您就可以直接获得点击事件

bootstrap accordion如何检查哪个面板处于活动状态

2 个答案: