jquery - SB Admin 2 侧边栏菜单在加载时扩展

标签 jquery html css laravel

我正在尝试使用 Laravel 5 的 SB Admin 2 模板。它工作得很好。除了侧边栏菜单外,它会在每次加载时展开和折叠第二层和第三层。我不确定是否可以在此处链接演示,但可以在他们的 demo 中看到它

有人曾经被这个问题困扰过,也许找到了解决方案吗?我想加载折叠的菜单。现在每次重新加载看起来都会有错误。

编辑:如果有帮助的话我添加了标记 标记

            <div class="navbar-default sidebar" role="navigation">
            <div class="sidebar-nav nav-collapse">
                <ul class="nav" id="side-menu">
                    <li class="sidebar-search">
                        <div class="input-group custom-search-form">
                            <input type="text" class="form-control" placeholder="Quick search...">
                            <span class="input-group-btn">
                            <button class="btn btn-default" type="button">
                                <i class="fa fa-search"></i>
                            </button>
                        </span>
                        </div>
                        <!-- /input-group -->
                    </li>

                    <li>
                        <a href="#"><i class="fa fa-cog fa-fw"></i> Settings<span
                                    class="fa arrow"></span></a>
                        <ul class="nav nav-second-level">
                            <li>
                                <a href="{{ url ('companies') }}"><i class="fa fa-building fa-fw"></i> Companies</a>
                            </li>
                            <li>
                                <a href="{{ url ('users') }}"><i class="fa fa-users fa-fw"></i> Users</a>
                            </li>
                        </ul>
                    </li>


                    <li>
                        <a href="#"><i class="fa fa-sitemap fa-fw"></i> SHOP<span
                                    class="fa arrow"></span></a>
                        <ul class="nav nav-second-level">
                            <li><a href="{{ url ('products') }}"></i>ALL PRODUCTS</a></li>
                            <li>
                                <a href="#"><i class="fa fa-gift fa-fw"></i>CORPO</a>
                            </li>
                            <li><a href="#"><i class="fa fa-plus fa-fw"></i> DECO<span
                                            class="fa arrow"></span></a>
                                <ul class="nav nav-third-level">
                                    <li>
                                        <a href="#">Helios</a>
                                    </li>
                                    <li>
                                        <a href="#">Deco</a>
                                    </li>
                                    <li>
                                        <a href="#">Chromos</a>
                                    </li>
                                    <li>
                                        <a href="#">Belinka</a>
                                    </li>
                                    <li>
                                        <a href="#">Fritze Lacke</a>
                                    </li>
                                </ul>
                            </li>

                            <li><a href="#"><i class="fa fa-plus fa-fw"></i> CAR REFINISH<span
                                            class="fa arrow"></span></a>
                                <ul class="nav nav-third-level">
                                    <li>
                                        <a href="#">Helios Refinish</a>
                                    </li>
                                    <li>
                                        <a href="#">Mobihel</a>
                                    </li>
                                    <li>
                                        <a href="#">Chromind</a>
                                    </li>
                                    <li>
                                        <a href="#">Radex</a>
                                    </li>
                                </ul>
                            </li>

                            <li><a href="#"><i class="fa fa-plus fa-fw"></i> INDUSTRY<span
                                            class="fa arrow"></span></a>
                                <ul class="nav nav-third-level">
                                    <li>
                                        <a href="#">Metal</a>
                                    </li>
                                    <li>
                                        <a href="#">Resins</a>
                                    </li>
                                    <li>
                                        <a href="#">Belinka Perkemija</a>
                                    </li>
                                    <li>
                                        <a href="#">Kemostik</a>
                                    </li>
                                </ul>
                            </li>
                        </ul>
                    </li>

                </ul>
            </div>
            <!-- /.sidebar-collapse -->
        </div>

最佳答案

我以前遇到过这个问题,请确保列表中没有内联CSS <li>侧边栏的。或者如果您默认有“事件”类别。删除这些将解决您的问题。 否则在每个可折叠<ul> (ul 带有类 nav.nav-level)添加此类崩溃示例:<ul class="nav nav-second-level collapse">

关于jquery - SB Admin 2 侧边栏菜单在加载时扩展,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/45234019/

相关文章:

javascript - 如何使用 <select onChange> 元素更改页面内容?

php - 使用 PHP include 将文件包含在它自己的包含文件中

css - 为什么禁用表单元素中的文本在 Safari 中不呈现为黑色?

css - 无法找到尝试使用通配符的 xpath 列表包含文本或样式

html - 如何更改 iFrame "Select File"上的光标

javascript - 循环遍历数组 Javascript

javascript - Nodejs 函数在内部函数完成之前返回

html - href ="###"在 anchor 标签中有什么用?

javascript - JQuery 导出到 Excel 无法正常工作

javascript - 按钮不调用 onClick (html)