jquery - 将 MVC4 连接到最新的 JQuery、JQueryUI

Question

我很肯定我的参考文献是正确的，如下所示：

<link rel="stylesheet" href="Content/themes/base/jquery-ui.css" />
<script src="Scripts/jquery-2.0.3.js"></script>
<script src="Scripts/jquery-ui-1.10.3.js"></script>

但是我的应用程序仍然没有启用这个 jQuery 功能：

<script>
$(function () {
$("#selectable").selectable();
});
</script>

我错过了什么？

谢谢你的回复。我尝试按照其他帖子的建议更新 jquery 库的路径，但这没有效果。我通过注释掉第 2 行和第 4 行来解决这个问题。这是有效的最终代码。

<script>
//$(function () {
    $("#selectable").selectable();
//});
</script>

Answer 1

改成：

<link rel="stylesheet" href="/Content/themes/base/jquery-ui.css" />
<script src="/Scripts/jquery-2.0.3.js"></script>
<script src="/Scripts/jquery-ui-1.10.3.js"></script>

添加的正斜杠强制执行从网站根目录开始的相对 url。考虑到您的视图必须位于像 Home 这样的文件夹中，因此您的网页正在寻找 jquery 的 url 是http://mywebsite.com/Home/Scripts/jquery-2.0.3.js这是不正确的。开头的正斜杠强制相对 url 从根目录开始，因此 url 将是http://mywebsite.com/Scripts/jquery-2.0.3.js

Answer 2

要确保路径始终正确，请使用名为 Content 的 UrlHelper 方法。

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

即使在您不在网络服务器的根目录中工作的情况下，这也将使路径工作。它将与 IIS 应用程序路径有关。

Answer 3

谢谢你的回复。我尝试按照其他帖子的建议更新 jquery 库的路径，但这没有效果。我通过注释掉第 2 行和第 4 行来解决这个问题。这是有效的最终代码。

<script>
//$(function () {
$("#selectable").selectable();
//});
</script>