javascript - SB Admin 2 侧边栏不折叠

Question

好吧，我正在尝试加载 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

Answer 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 等上方)