Twitter bootstrap 绑定到Twitter引导程序3中的崩溃事件

假设我有一个引导折叠：

动物保护协会的陈词滥调，埃尼姆·埃乌斯莫德的高寿命accusamus terry richardson广告鱿鱼。3狼月亮奥特餐厅，非丘比特滑板多洛早午餐。食品车奎奴亚藜。早午餐3狼月亮临时，圣塔阿利夸放了一只鸟在上面鱿鱼单一来源咖啡NullaAssumenda shoreditch等Nihil anim keffiyeh helvetica，工艺啤酒工人wes anderson cred Nesciut sapiente ea proident。纯素食主义者，屠夫副洛莫。紧身裤从工艺啤酒场到餐桌，生料牛仔布美学合成物，你可能还没听说过accusamus labore可持续VHS。
动物保护协会的陈词滥调，埃尼姆·埃乌斯莫德的高寿命accusamus terry richardson广告鱿鱼。3狼月亮奥特餐厅，非丘比特滑板多洛早午餐。食品车奎奴亚藜。早午餐3狼月亮临时，圣塔阿利夸放了一只鸟在上面鱿鱼单一来源咖啡NullaAssumenda shoreditch等Nihil anim keffiyeh helvetica，工艺啤酒工人wes anderson cred Nesciut sapiente ea proident。纯素食主义者，屠夫副洛莫。紧身裤从工艺啤酒场到餐桌，生料牛仔布美学合成物，你可能还没听说过accusamus labore可持续VHS。
动物保护协会的陈词滥调，埃尼姆·埃乌斯莫德的高寿命accusamus terry richardson广告鱿鱼。3狼月亮奥特餐厅，非丘比特滑板多洛早午餐。食品车奎奴亚藜。早午餐3狼月亮临时，圣塔阿利夸放了一只鸟在上面鱿鱼单一来源咖啡NullaAssumenda shoreditch等Nihil anim keffiyeh helvetica，工艺啤酒工人wes anderson cred Nesciut sapiente ea proident。纯素食主义者，屠夫副洛莫。紧身裤从工艺啤酒场到餐桌，生料牛仔布美学合成物，你可能还没听说过accusamus labore可持续VHS。

我应该为以下JavaScript绑定哪个元素：

（'hidden.bs.collapse'，function（）{}）上的 是否可以按类绑定所有面板

---

不幸的是，在中的示例中没有myCollapsible。

当文档列出时，它只是承诺它将始终在特定时间引发每个特定事件

例如，

hidden.bs.collapse

将在以下情况下引发：

折叠的元素已对用户隐藏

---

不管是否有人在听那件事还没有开始

为了利用此事件或任何其他事件，我们可以使用jQuery的方法在特定html元素上附加侦听器，以查看它们是否引发特定事件

我们在何处添加侦听器取决于事件将在何处引发以及何时捕获它

简单的例子： 假设您拥有手风琴控件的基本HTML结构：

在这种情况下，每个

面板

类都将引发此事件。因此，如果要在那里捕获它，我们只需使用jQuery类选择器将侦听器附加到所有

.panel

对象，如下所示：

$（'.panel'）.on（'hidden.bs.collapse'，函数（e）{
警报（‘在#’+e.currentTarget.id上触发的事件）；
})

---

但是等等还有更多。。。 在HTML中，如果未经处理，事件将从事件中冒泡。因此，为每个

.panel

引发的事件也可以由整个

.panel组

（甚至是

主体

元素处理，因为它们最终将在那里工作）

在引导示例页面中，他们正在为整个

面板组

使用id选择器，它恰好是

#myCollapsible

，但在我们的例子中是

#accordion

。如果我们想在那里处理事件，只需按如下方式更改jQuery选择器：

$（'#accordion'）.on（'hidden.bs.collapse'，函数（e）{
警报（‘在#’+e.currentTarget.id上触发的事件）；
})

很抱歉回答了这么一个老问题，但我真的希望我的意见能帮助其他人

我发现这个问题是因为我需要知道如何获取受触发事件影响的

.panel

的

id

@KyleMit非常接近我需要的答案，但不是很接近

这：

不触发

警报

这：

使用

is

#accordion

触发警报，我们不需要获取它，因为我们已经知道它首先要绑定

#accordion

因此，要获取隐藏的

.panel

元素的

id

，可以使用

e.target.id

而不是

e.currentTarget.id

。像这样：

$('#accordion').on('hidden.bs.collapse', function (e) {
    alert('Event fired on #' + e.target.id);
})

---

Bootstrap的collapse类公开了一些事件，用于连接到折叠功能：

---

我想提到的一件事是，当使用子折叠元素时，警报会触发两次。一次是针对具有自己id的子元素，一次是针对具有其id的父元素。这会导致错误的控制。例如，当打开父元素和子元素时，然后关闭父元素。再次打开父元素时，子元素将保持打开状态。这是（个人）不需要的行为。要停止冒泡，您可以使用：

$（'.panel'）.on（'hidden.bs.collapse'，函数（e）{e.stopPropagation（）；alert（'Event fired on#'+e.currentTarget.id）；}）

在Bootstrap 2.3上也是这样工作的。这正是我所需要的。David Baucum说的。谢谢你和布克。

$('#accordion').on('hidden.bs.collapse', function (e) {
    alert('Event fired on #' + e.currentTarget.id);
})

$('#accordion').on('hidden.bs.collapse', function (e) {
    alert('Event fired on #' + e.target.id);
})