默认情况下,html – AdminLTE折叠框

概述AdminLTE基于Bootstrap： https://github.com/almasaeed2010/AdminLTE 现场预览：http://almsaeedstudio.com/preview/ 但我不确定如何使可折叠的盒子默认折叠. 我假设它是建立在Bootstrap上,这应该是相当直截了当的.我已经尝试过其他实现,例如将id设置为“collapsedOne”,并尝试将div视为手风琴 adminLTE基于bootstrap： https://github.com/almasaeed2010/AdminLTE

现场预览：http://almsaeedstudio.com/preview/

但我不确定如何使可折叠的盒子默认折叠.

我假设它是建立在bootstrap上,这应该是相当直截了当的.我已经尝试过其他实现,例如将ID设置为“collapsedOne”,并尝试将div视为手风琴,但无济于事.

在adminLTE / app.Js〜line 45中,有一些代码实现向上/向下滑动以折叠框.理想情况下,我们想要的是,默认使用“collapsed-Box”类的“滑动”状态,使得当图标被点击时,它将执行“向下滑动”.

/*      * 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();    }});

有什么建议么？

提前致谢.

解决方法 当页面加载到初始状态时,为什么不将折叠框类添加到框元素？

以下将在折叠状态和功能下呈现,而不会修改adminLTE：

    <!-- Default Box -->    <div >        <div >            <h3 >Default SolID Box</h3>            <div >                <button  data-Widget="collapse"><i ></i></button>                <button  data-Widget="remove"><i ></i></button>            </div>        </div>        <div  >            Box class: <code>.Box.Box-solID</code>            <p>bla bla</p>        </div><!-- /.Box-body -->    </div><!-- /.Box -->                       

总结

以上是内存溢出为你收集整理的默认情况下,html – AdminLTE折叠框全部内容，希望文章能够帮你解决默认情况下,html – AdminLTE折叠框所遇到的程序开发问题。

如果觉得内存溢出网站内容还不错，欢迎将内存溢出网站推荐给程序员好友。