SB Admin 2边栏不折叠

时间:2016-11-10 14:54:51

标签: javascript jquery angularjs django

enter image description here

好吧所以我正在尝试加载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 个答案:

答案 0 :(得分:0)

gentos - 我有一个类似的问题(侧边栏没有崩溃),结果发现我有重叠的jquery&#39; s。一旦我删除了对jquery和jquery.min文件的调用,只使用了jquery链接:

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

可折叠边栏返回。我还重新排序了jquery并将上面的链接放在我的HTML文件的顶部(上面的bootstrap,metisMenu等)