ASP.net MVC 和 jQueryUI 困境

Question

我刚刚将一个项目移至 ASP.net MVC 框架的测试版，我遇到的唯一问题是 jQuery 和 jQueryUI。

事情是这样的：

在 Site.Master 中有以下脚本引用：

<script src="../../Scripts/jquery-1.2.6.js" type="text/javascript"></script>
<script src="../../Scripts/jquery-ui.js" type="text/javascript"></script>

使用这些脚本引用，我在其中一个视图上拥有的 accordian UI 可以完美地工作，除了一个问题：页面中不包含来自 ThemeRoller 的图像。 如果我注释掉 jQuery 引用，ThemeRoller 图像就在那里。 所有 css 都位于 Content 文件夹 中，所有脚本都位于 Scripts 文件夹 中。

我知道这是一个愚蠢的路径问题，但它让我抽搐。

我缺少什么？

更新

我尝试了第一个答案，但没有成功，请阅读评论以了解详细信息。 再次感谢观看的各位。

第二种方法也行不通。 我很困惑。

另一个更新

对脚本使用 Url.Content 标签确实可以让脚本正常运行。 使用样式表的常规标签可以将所有样式添加到页面上，除了所有与 ThemeRoller 相关的样式。

jquery-ui-themeroller.css 文件位于 Content 文件夹中，当我检查元素时，CSS 就存在。 我怀疑问题出在从该 css 文件到 themeroller 的图像文件夹的映射中，该文件夹也位于 Content 文件夹中。 此文件中的图像链接指定为：background: url(images/foo.gif)

此文件中的链接是否需要更改？

Answer 1

除非所有视图都处于同一级别，否则您需要使用

• 绝对路径，例如 /Scripts/jquery-1.2.6.js
• 或者更好的是，解析虚拟路径，例如 <%= Url.Content (“~/Scripts/jquery-1.2.6.js”) %>

Url.Content() http://jvance.com/media/2008/10 /18/UrlContent5.media

Answer 2

这有帮助吗？

http://forums.asp.net/p/1334947/2690469.aspx

造成不一致的原因是
很简单，虽然我承认不是
很容易弄清楚！ 当你有一个
<链接> ，ASP.NET 将处理
<链接> 标记并检测 URL 以及
解决它们相对于
应用程序的根目录。 当你有一个
<脚本> 页面上的标签（没有
runat="server") 那么 ASP.NET 将
不用管它，因为它很简单
旧的 HTML。

使用 Url.Content() 是我的方法
会用来解决这个问题，因为它会
相对于应用程序根目录得到解析，
就像<链接>一样 标签。

Answer 3

您需要更改 jquery-ui-themeroller.css 中的链接以指向图像的当前位置。

例如，您需要更新 css 文件正在查找的图像的路径。

background: url(images/foo.gif)

从路径中删除“images/”，使其看起来像：

background: url(foo.gif)

因为您的 css 和图像都位于内容文件夹中。

Answer 4

    protected void Page_Load(object sender, EventArgs e)
    {
        Page.ClientScript.RegisterClientScriptInclude(this.GetType(),"JQuery", ResolveUrl("~/js/jquery.min.js"));
        Page.ClientScript.RegisterClientScriptInclude(this.GetType(), "JQueryUI", ResolveUrl("~/js/jquery-ui.custom.min.js"));