如何在“Bootstrap：collapse plugin”转换完成后触发JavaScript函数

我试图在Bootstrap之后重新调整iframe高度： collapse插件转换完成。 Click事件不起作用，因为转换尚未完成，JavaScript获取错误的高度信息。 有什么想法来解决这个问题吗？

Answer 1

您需要处理崩溃插件上的隐藏事件。

来自Docs

hidden – 当用户隐藏了一个collapse元素时将触发此事件（将等待css转换完成）​​。

 $('#myCollapsible').on('hidden', function () { // do something… }) 

正如@Francesc在Bootstrap 3.0评论中指出的那样，我们必须使用

 $('#myCollapsible').on('hidden.bs.collapse', function () { // do something… }) 

Answer 2

如果你使用bootstrap 3.0它很容易。 shown.bs.collapse是显示转换元素完成时触发的事件。 我相信你正在寻找这样的东西。

 $('#myCollapsible').on("shown.bs.collapse", function(){ //trigger content change //this code will be triggered when the collapse transition is completed //that is your myCollapsible element will have 'in' in your class }); 

Answer 3

我从来没有使用过崩溃插件，但在文档中它说有一个叫做’hidden’的回调，应该在元素转换完成后调用：

 $('#myCollapsible').on('hidden', function () { // do something… });