jquery - AdminLTE box-collapse 触发器/事件监听器

Question

Bootstrap 有方便的事件，当您正确使用它们的 .collapse 类时会触发这些事件。在使用 AdminLTE 的可折叠盒子时，我希望我能做类似的事情，这样我就可以在盒子完全折叠时停用盒子内部的渲染，并在它完全打开时重新激活渲染。

我尝试使用来自 here 的事件，例如 shown.bs.collapse 或 hidden.bs.collapse，按照他们的例子:

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

但在登录事件后，AdminLTE 的可折叠框似乎并没有触发这些事件。我搜索了一下AdminLTE的折叠框有没有类似的事件，但是好像没有。我还查看了是否可以为折叠框类添加到有问题的 div 时创建一个监听器，但这似乎不是一个可行的选择，因为 solutions建议自己触发事件。不幸的是，我无法控制何时添加类。

有人有办法解决这个问题吗？提前致谢!

Answer 1

您可以修改adminLTE 的app.js 文件来实现您想要的。只需在折叠(slideUp)和展开(slideDown)函数分别完成后调用的 addClass 和 removeClass 方法后添加触发器即可。

box_content.slideUp(_this.animationSpeed, function () {
    box.addClass("collapsed-box");
    box.trigger('collapsed',[box, element]);
});

box_content.slideDown(_this.animationSpeed, function () {
    box.removeClass("collapsed-box");
    box.trigger('expanded',[box, element]);
});