【发布时间】:2012-04-30 19:39:19
【问题描述】:
我对我在项目中使用 jquery 的一个小问题感到困惑。该项目是 Visual Studio 11 中的 MVC4 站点。
问题是 jQuery 不包含在捆绑中,并且在我更新到 1.7.2 之前它似乎可以工作,但不能确定。
我可以在捆绑文件的顶部看到 jQuery 文件的注释,但找不到它的任何代码。所有其他文件似乎都包含在内(我自己的脚本和 jquery ui 文件)。
我尝试了捆绑过滤器并创建了自己的捆绑包,但似乎没有任何效果。
我真的很感激任何帮助,因为当页面加载时,所有 java 脚本都会因为找不到函数而崩溃。如果我只是正常包含 java 脚本文件,这确实有效。
编辑:
全球.asax:
protected void Application_Start()
{
BundleTable.Bundles.EnableDefaultBundles();
}
_Layout.cshtml:
<script src="@System.Web.Optimization.BundleTable.Bundles.ResolveBundleUrl("~/Scripts/js")"></script>
更新 1:
我在 jQuery 文件中添加了一些代码,并且捆绑的文件包含在顶部。
function Test(){ }
然后改成这个了,这次没有代码了。
(function Test(){ })
奇怪的是,其他 jQuery 文件,比如 UI 文件并没有被删除,而且它们的方式相同。
编辑:似乎这是有意的
更新 2:
测试了更多,发现了哪个文件损坏了,如果我在我的自定义包中包含这些文件中的任何一个,它就会损坏
- jquery.validate.js
- jquery.validate.unobtrusive.js
- jquery.unobtrusive-ajax.min.js
在他们之前我有这些,他们可以正常工作
- jquery-1.7.2.min.js
- jquery-ui-1.8.19.min.js
- bootstrap.min.js
这仍然很奇怪,如果我在脚本中使用<script src="~/Scripts/jquery.validate.js"></script> 正常包含这些文件,它们可以正常工作,没有错误。
不过,如果我捆绑了工作文件,然后像往常一样添加非工作文件,它们仍然会中断
_Layout.cshtml:
<script src="@System.Web.Optimization.BundleTable.Bundles.ResolveBundleUrl("~/myBundle")"></script>
<script src="~/Scripts/jquery.validate.js"></script>
全球.asax:
var bundle = new Bundle("~/js", new JsMinify());
bundle.AddFile("~/Scripts/jquery-1.7.2.min.js");
bundle.AddFile("~/Scripts/jquery-ui-1.8.19.min.js");
bundle.AddFile("~/Scripts/bootstrap.min.js");
BundleTable.Bundles.Add(bundle);
编辑:似乎捆绑的 jquery 文件中发生了一些变化,这使得验证插件中断
解决方法
我尝试在更新之前添加旧文件,它可以工作!设法发现是来自 NuGet 的新 jQuery UI 1.8.19 崩溃了。
我直接从他们的网站下载了 jquery ui,然后改用那个,它成功了!
因此,jquery ui nuget 版本中的某些内容似乎发生了变化,捆绑正在接受并更改/删除它,所以它会中断..
应该归咎于哪一部分? jQuery UI NuGet 包或 mvc4 捆绑?捆绑问题有解决方案吗?
【问题讨论】:
-
你能告诉我们来自 global.asax 的代码,你的包是在哪里初始化的吗?
-
@SteveHobbs 添加了我提到的捆绑代码
标签: jquery asp.net-mvc asp.net-mvc-4