Bootstrap崩溃扩展时，如何调用功能

Question

我想激活此javaScript：

jsPlumb.repaintEverything();

...发射一个警报盒，说"我正在扩展！！！"当用户单击中的按钮时，此小提琴

有人知道如何实现这一目标吗？

Answer 1

您可以使用bootstrap的shown.bs.collapse事件：

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

更新了小提琴

请注意，此事件启动 元素扩展动画已经完成。如果您想在动画开始时运行代码，请使用show.bs.collapse代替

Answer 2

您在Bootstrap中有两个事件支持您的要求。

show.bs.collapse - 调用Show实例方法时，此事件立即发射。显示的bbs.collapse - 当用户可见崩溃元素时，此事件将触发（将等待CSS过渡完成）。

启动一个警报框，说"我正在扩展！"

因此，您需要的是show.bs.collapse，它在显示div之前触发

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