Css和js在MVC中不起作用 [英] Css and js not working in MVC
问题描述
我创建了简单的视图并将css和js添加到其中。它工作，但当我将CSS和js添加到布局页面时它无法正常工作。
我尝试了什么：
在_Layout页面
<！DOCTYPE html>
$ / b
@ Styles.Render（〜/ Content / css）
@ Scripts.Render（〜/ bundles / modernizr）
@ Scripts.Render（〜/ Scripts / jquery-1.10.2.js）
@ Scripts.Render（〜/ Content / Metronic / global / plugins / jquery.min.js）
@ Scripts.Render（〜/ Content / Metronic / global / plugins / bootstrap / js / bootstrap.min.js）
@ Scripts.Render（〜/ Content / Metronic / global / plugins /js.cookie.min.js）
@ Scripts.Render（〜/ Content / Metronic / global / plugins / bootstrap-hover-dropdown / bootstrap-hover-dropdown.min.js ）
@ Scripts.Render（〜/ Content / Metronic / global / plugins / jquery-slimscroll / jquery.slimscroll.min.js）
@ Scripts.Rend呃（〜/ Content / Metronic / global / plugins / jquery.blockui.min.js）
@ Scripts.Render（〜/ Content / Metronic / global / plugins / uniform / jquery。 uniform.min.js）
@ Scripts.Render（〜/ Content / Metronic / global / plugins / bootstrap-switch / js / bootstrap-switch.min.js）
@ Scripts.Render（〜/ Content / Metronic / global / scripts / app.min.js ）
@ Scripts.Render（〜/ Content / Metronic / layouts / layout / scripts / layout.min.js）
@ Scripts.Render（〜/ Content / Metronic / layouts / layout / scripts / demo.min.js）
@ Scripts.Render（〜/ Content / Metronic / layouts / global / scripts /quick-sidebar.min.js\")
i created simple view and add css and js into it. it working , but when i add css and js into layout page its not working.
What I have tried:
In _Layout page
<!DOCTYPE html>
@Styles.Render("~/Content/css")
@Scripts.Render("~/bundles/modernizr")
@Scripts.Render("~/Scripts/jquery-1.10.2.js")
@Scripts.Render("~/Content/Metronic/global/plugins/jquery.min.js")
@Scripts.Render("~/Content/Metronic/global/plugins/bootstrap/js/bootstrap.min.js")
@Scripts.Render("~/Content/Metronic/global/plugins/js.cookie.min.js")
@Scripts.Render("~/Content/Metronic/global/plugins/bootstrap-hover-dropdown/bootstrap-hover-dropdown.min.js")
@Scripts.Render("~/Content/Metronic/global/plugins/jquery-slimscroll/jquery.slimscroll.min.js")
@Scripts.Render("~/Content/Metronic/global/plugins/jquery.blockui.min.js")
@Scripts.Render("~/Content/Metronic/global/plugins/uniform/jquery.uniform.min.js")
@Scripts.Render("~/Content/Metronic/global/plugins/bootstrap-switch/js/bootstrap-switch.min.js")
@Scripts.Render("~/Content/Metronic/global/scripts/app.min.js")
@Scripts.Render("~/Content/Metronic/layouts/layout/scripts/layout.min.js")
@Scripts.Render("~/Content/Metronic/layouts/layout/scripts/demo.min.js")
@Scripts.Render("~/Content/Metronic/layouts/global/scripts/quick-sidebar.min.js")
推荐答案
您不能在页面上添加多个jquery库文件，这正在发生，因此您需要排除其中一个文件就在那里，即：
You cannot have multiple jquery library files added on the page, which is happening right now, so you need to exclude one of the file which are right now there i.e:
@Scripts.Render("~/Scripts/jquery-1.10.2.js")
@Scripts.Render("~/Content/Metronic/global/plugins/jquery.min.js")
删除其中一个，它应该是好的。
Remove one of these and it should be good to go.
使用自己的母版页将是最好的方式。
Use own master page will best way.
这篇关于Css和js在MVC中不起作用的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！
