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>

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

这将使路径即使在您不在Web服务器的根目录中工作的情况下也能正常工作。它将与IIS应用程序路径相关。

Answer 3

感谢您的回复。我试着像其他帖子那样更新jquery库的路径，但这没有效果。我通过评论第2和第4行来解决这个问题。这是最终的代码。

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

将MVC4连接到最新的JQuery，JQueryUI

3 个答案: