SB Admin 2 侧边栏未折叠

Posted 2023-02-24

【中文标题】SB Admin 2 侧边栏未折叠

【英文标题】：SB Admin 2 Sidebar Not collapsing

【发布时间】：2017-03-24 15:46:11

【问题描述】：

好的，所以我正在尝试加载 sb-admin-2 并且菜单没有折叠，我浏览了一些解决方案，但它们都不适合我，你也可以看到数据表也不起作用，我的标签看起来像这样：

<script type="text/javascript" src="STATIC_URL/static/lib/angular.min.js"></script>
<script type="text/javascript" src="STATIC_URL/static/lib/bootstrap.min.js"></script>
<script type="text/javascript" src="STATIC_URL/static/lib/angular-resource.min.js"></script>
<script type="text/javascript" src="STATIC_URL/static/lib/angular-ui-router.min.js"></script>
<script type="text/javascript" src="STATIC_URL/static/lib/angular-animate.min.js"></script>
<script type="text/javascript" src="STATIC_URL/static/lib/angular-messages.min.js"></script>
<script type="text/javascript" src="STATIC_URL/static/lib/angular-ui-validate.min.js"></script>
<script type="text/javascript" src="STATIC_URL/static/lib/angular-cookies.min.js"></script>
<script type="text/javascript" src="STATIC_URL/static/lib/ng-file-upload-shim.min.js"></script>
<script type="text/javascript" src="STATIC_URL/static/lib/ng-file-upload.min.js"></script>

<!--SB ADMIN FILES-->
<script type="text/javascript" src="STATIC_URL/static/lib/metisMenu.min.js"></script>
<script type="text/javascript" src="STATIC_URL/static/lib/jquery.dataTables.min.js"></script>
<script type="text/javascript" src="STATIC_URL/static/lib/dataTables.bootstrap.min.js"></script>
<script type="text/javascript" src="STATIC_URL/static/lib/dataTables.responsive.js"></script>
<script type="text/javascript" src="STATIC_URL/static/lib/sb-admin-2.min.js"></script>

你们能帮帮我吗？

ps：我正在通过 angularjs 和 django 加载 sb-admin

【参考方案1】：

gentos - 我有一个类似的问题（侧边栏没有折叠），结果我有重叠的 jquery。一旦我删除了对 jquery 和 jquery.min 文件的调用并只使用了 jquery 链接：

<script type="text/javascript" src="http://code.jquery.com/jquery-1.12.4.min.js"></script>

可折叠侧边栏返回。我还重新排序了 jquery 并将上面的链接放在我的 html 文件的顶部（在 bootstrap、metisMenu 等之上）

【讨论】：

@buburwell 感谢我的朋友，问题出在 AngularJs 上。我不得不延迟加载脚本，因为当路由更改时，侧边栏脚本没有被触发