确定哪个手风琴小组是开放式Bootstrap 3

时间:2014-01-23 22:43:22

标签: javascript jquery html twitter-bootstrap

我有一个标准的bootstrap 3手风琴面板,带有动态数量的面板。我需要显示另一个div,其中包含特定于打开的面板的信息。我已经捕获了open事件并尝试使用以下代码识别调用面板:

$(document).on('click', "#accordion_a", function(){ 
    $('#accordion_a').on('shown.bs.collapse', function (e) {
        alert('Calling #' + e.currentTarget.id);
    })
})

然而,它只返回父面板集“#acordion_a”。 (并且由于某种原因多次触发)那么如何识别哪个面板是打开的?

1 个答案:

答案 0 :(得分:3)

你的javascript中存在一些问题,我建议使用

$(function() {});

而不是

$(document).on('click', "#accordion_a", function(){});

然后必须在不在链接上的“折叠”块上触发 shown.bs.collapse 事件。

请查看此演示:http://jsfiddle.net/V8h9a/ 如果它能解决您的问题,请告诉我。