绑定javascript/css
我正在ASP.NETMVC项目中使用jQuery库 以下代码段来自“BundleConfig.cs” 这是我布局文件中的HTML代码,其中有@Stlyes.Render。根据我的理解,它应该包括我在上面代码中捆绑的所有javascript库和css。但是,当我查看页面源代码时,它只包含几个库(如下面的屏幕截图所示)绑定javascript/css,javascript,jquery,css,asp.net-mvc,asp.net-mvc-layout,Javascript,Jquery,Css,Asp.net Mvc,Asp.net Mvc Layout,我正在ASP.NETMVC项目中使用jQuery库 以下代码段来自“BundleConfig.cs” 这是我布局文件中的HTML代码,其中有@Stlyes.Render。根据我的理解,它应该包括我在上面代码中捆绑的所有javascript库和css。但是,当我查看页面源代码时,它只包含几个库(如下面的屏幕截图所示) @视图包。标题 @style.Render(“~/Content/css”) @Scripts.Render(“~/bundles/modernizer”) @Scripts.Re
@视图包。标题
@style.Render(“~/Content/css”)
@Scripts.Render(“~/bundles/modernizer”)
@Scripts.Render(“~/bundles/jquery”)
@Scripts.Render(“~/bundles/jqgrid”)
不知道为什么在BundleConfig.cs文件中指定了所有javascript和css文件后,它仍然没有包含这些文件
请帮忙
添加了javascript文件列表的解决方案资源管理器屏幕截图。
请查看@haim770的评论,因为他指定的另一个问题的链接与此相关。 看起来.Net在呈现或包含两个版本的js或css时存在问题,即使是缩小版或常规版。我所做的是将jQuery库文件从min.js重命名为.js
在我的_Layout.cshtml(视图)文件中,我还缺少了一些js和css文件的@Scripts.Render标记。包括这些之后,代码现在可以正常工作了。谢谢大家的帮助 是否重新生成项目并确保新dll正确复制到“bin”文件夹?bundles.Add(new ScriptBundle(“~/bundles/jqueryui”)。Include(“~/Scripts/jquery ui-{version}.js”);另外,为什么不包括此脚本。即使这是一个单独的include语句。您的web目录中是否存在~/Scripts/jquery.jqGrid.min.js“”?是的,它已包含在内。请查看我刚刚添加的解决方案资源管理器的屏幕截图。可能与
public class BundleConfig
{
// For more information on Bundling, visit http://go.microsoft.com/fwlink/?LinkId=254725
public static void RegisterBundles(BundleCollection bundles)
{
bundles.Add(new ScriptBundle("~/bundles/jquery").Include(
"~/Scripts/jquery-{version}.js"));
bundles.Add(new ScriptBundle("~/bundles/jqueryui").Include(
"~/Scripts/jquery-ui-{version}.js"));
bundles.Add(new ScriptBundle("~/bundles/jqueryval").Include(
"~/Scripts/jquery.unobtrusive*",
"~/Scripts/jquery.validate*"));
// Use the development version of Modernizr to develop with and learn from. Then, when you're
// ready for production, use the build tool at http://modernizr.com to pick only the tests you need.
bundles.Add(new ScriptBundle("~/bundles/modernizr").Include(
"~/Scripts/modernizr-*"));
bundles.Add(new ScriptBundle("~/bundles/jqgrid").Include(
"~/Scripts/jquery.jqGrid.min.js",
"~/Scripts/grid.locale-en.js"));
bundles.Add(new StyleBundle("~/Content/css").Include("~/Content/site.css"));
bundles.Add(new StyleBundle("~/Content/themes/base/css").Include(
"~/Content/themes/base/jquery.ui.core.css",
"~/Content/themes/base/jquery.ui.resizable.css",
"~/Content/themes/base/jquery.ui.selectable.css",
"~/Content/themes/base/jquery.ui.accordion.css",
"~/Content/themes/base/jquery.ui.autocomplete.css",
"~/Content/themes/base/jquery.ui.button.css",
"~/Content/themes/base/jquery.ui.dialog.css",
"~/Content/themes/base/jquery.ui.slider.css",
"~/Content/themes/base/jquery.ui.tabs.css",
"~/Content/themes/base/jquery.ui.datepicker.css",
"~/Content/themes/base/jquery.ui.progressbar.css",
"~/Content/themes/base/jquery.ui.theme.css",
"~/Content/ui.jqgrid.css"));
}
}
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width" />
<title>@ViewBag.Title</title>
@Styles.Render("~/Content/css")
@Scripts.Render("~/bundles/modernizr")
@Scripts.Render("~/bundles/jquery")
@Scripts.Render("~/bundles/jqgrid")
</head>