将 jquery 添加到空 MVC 项目答案

【问题标题】：Adding jquery to Empty MVC Project将 jquery 添加到空 MVC 项目
【发布时间】：2013-10-26 10:17:58
【问题描述】：

我对 MVC 还很陌生，我正在尝试弄清楚如何将 jquery 添加到一个空的 MVC 项目中。

我首先通过安装几个 Nuget 包在我的项目中添加了几个 js 文件。然后我将以下内容添加到我的布局文件中。

<head>
    ...
    <script src="~/Scripts/jquery-2.0.3.js"></script>
    <script src="~/Scripts/jquery.validate.unobtrusive.js"></script>
</head>

现在，当我运行项目时，我收到以下 javascript 错误。

 JavaScript runtime error: 'JSON' is undefined

我什么时候失踪了？

谢谢

【问题讨论】：

你用的是什么浏览器？
看看这些 SO Questions: stackoverflow.com/questions/12197323/… & stackoverflow.com/questions/4311783/… 这些可以帮助你理清你需要/应该做什么。
"JavaScript 运行时错误：'JSON' 未定义"错误可能出现在旧的 IE 浏览器中。看看 Json2.js 库

标签： jquery asp.net-mvc

【解决方案1】：

为了让 MVC 识别波浪号的含义，您需要使用：

<head>
    ...
    <script src="@Url.Content("~/Scripts/jquery-2.0.3.js")"></script>
    <script src="@Url.Content("~/Scripts/jquery.validate.unobtrusive.js")"></script>
</head>

希望这会有所帮助！

【讨论】：

【解决方案2】：

显然，jQuery Nuget 软件包安装的最新版本的 jQuery 不再支持 IE 6、7 和 8。如果它以兼容模式加载，也将无法在 IE 9 或 10 中工作。

我在布局页面中添加了以下内容，告诉 IE 不要在兼容模式下运行。

<meta http-equiv="X-UA-Compatible" content="IE=edge" />

现在似乎工作正常。

【讨论】：

【解决方案3】：

把它放在你的cshtml或aspx的head元素中：

<head>
    <meta charset="utf-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">

X-UA-Compatible 元标记允许 Web 作者选择应呈现页面的 Internet Explorer 版本。

【讨论】：