Question

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

Answer 1

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

hidden - 隐藏折叠元素时会触发此事件来自用户（将等待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…
});

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

3 个答案: