如何在"Bootstrap:collapse plugin"转换完成后触发JavaScript函数

Question

我试图iframe在Bootstrap之后重新调整高度: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
});