Twitter bootstrap 3 如何从引导接收show.bs.collapse事件？

我无法从Bootstrap 3.3.6接收

显示的.bs.collapse

事件。我已检测了我的

bootstrap.js

，以确保事件在我认为的位置触发：

this.$element.trigger('shown.bs.collapse')
console.log("triggered shown.bs.collapse on #" + this.$element.attr("id"))

在我的document ready中，我尝试使用jQuery和pure JS注册事件：

$('.panel-collapse').on('shown.bs.collapse', function () {
    console.log("listener called");
});

……或者

var panels = document.getElementsByClassName("panel-collapse");
for (var i = 0; i < panels.length; ++i) {
    console.log("adding event listener to #" + panels[i].getAttribute("id"));
    panels[i].addEventListener("shown.bs.collapse", function () {
        console.log("listener called");
    });
}

var panels=document.getElementsByClassName（“面板折叠”）；
对于（变量i=0；i

JS版本记录的元素ID与在

bootstrap.JS

中触发事件时记录的相同，证明我将侦听器附加到了正确的元素。但从来没有人打过电话

更奇怪的是，这些都可以在JSFIDLE中使用，但当我们将代码复制到应用程序中时就不行了。我在想某个软件包版本或设置在什么地方出了问题。什么原因会导致这种情况？

根据，您不能将“.addEventListener”用于自定义jQuery事件（例如“show.bs.collapse”）

但是，我不能说为什么jQuery“.on”版本不起作用