如何在引导程序崩溃扩展时调用函数

Question

我想激活这个javascript：

jsPlumb.repaintEverything();

......然后点开一个警告框说“＃34;我正在扩张!!!＆＃34;当用户点击this fiddle

中的按钮时

有谁知道如何实现这个目标？

Answer 1

您可以使用Bootstrap引发的shown.bs.collapse事件：

$('#demo').on('shown.bs.collapse', function() {
    jsPlumb.repaintEverything();
});

Updated fiddle

请注意，此事件在元素扩展动画完成后触发。如果要在动画开始时运行代码，请使用show.bs.collapse代替

Answer 2

您two events in Bootstrap支持您的要求。

show.bs.collapse - 调用show实例方法时会立即触发此事件。 shown.bs.collapse - 当崩溃元素对用户可见时将触发此事件（将等待CSS过渡完成）。

  

启动一个警告框说“＃34;我正在扩张!!!＆＃34;

所以你需要的是show.bs.collapse，它是在显示div之前触发的

$('#demo').on('show.bs.collapse', function() {
    jsPlumb.repaintEverything();
});