AdminLTE基于Bootstrap:https://github.com/almasaeed2010/AdminLTE
实时预览: http://almsaeedstudio.com/preview/
但我不确定如何在默认情况下使可折叠框折叠。
我假设由于它是基于Bootstrap构建的,所以这应该是相当简单的。我尝试过其他实现,比如将id设置为"collapsedOne“,并尝试将div视为手风琴,但都无济于事。
在AdminLTE/app.js ~ 45行上,有实现向上/向下滑动以折叠框的代码。理想情况下,我们想要的是让这些框处于默认的“向上滑动”状态,其中类是“折叠框”,这样当单击图标时,它就会执行“向下滑动”。
/*
* Add collapse and remove events to boxes
*/
$("[data-widget='collapse']").click(function() {
//Find the box parent
var box = $(this).parents(".box").first();
//Find the body and the footer
var bf = box.find(".box-body, .box-footer");
if (!box.hasClass("collapsed-box")) {
box.addClass("collapsed-box");
bf.slideUp();
} else {
box.removeClass("collapsed-box");
bf.slideDown();
}
});
有什么建议吗?
提前谢谢。
https://stackoverflow.com/questions/24851630
复制相似问题