如何让 JqueryUI 与 ASP.Net 母版页和多个路径一起使用？答案

【问题标题】：How to get JqueryUI to work with ASP.Net Master Pages and multiple paths?如何让 JqueryUI 与 ASP.Net 母版页和多个路径一起使用？
【发布时间】：2011-12-07 15:15:35
【问题描述】：

我有一个简单的 ASP.Net 4.0 网站，它使用我想包含 JqueryUI 的母版页。头看起来像这样。

<head runat="server">
<title></title>
<link href="~/css/Main.css" rel="stylesheet" type="text/css" />
<script src="js/jquery-1.6.2.min.js" type="text/javascript"></script>
<script src="js/jquery-ui-1.8.16.custom/js/jquery-ui-1.8.16.custom.min.js" type="text/javascript"></script>
<link href="js/jquery-ui-1.8.16.custom/css/cupertino/jquery-ui-1.8.16.custom.css" rel="stylesheet" type="text/css" />
<script type="text/javascript">
         $(function () {
             $("#accordion").accordion();
         });
</script>
 <asp:ContentPlaceHolder ID="HeadContent" runat="server">

</asp:ContentPlaceHolder>

对于从母版页继承的内容页面，只要它位于同一目录中，一切都可以正常工作。因此，如果内容页面是 /Home.aspx 一切都很好，但如果是 /Sales/Home.aspx，则样式永远不会应用于母版页中定义的手风琴。

【问题讨论】：

~ 对浏览器没有任何意义。它仅在 server.mappath 语句中有用。

标签： jquery-ui master-pages

【解决方案1】：

通过使用 ... "js/jquery-ui-1.8.16.custom/ .. 您将重定向到 JS 文件夹，相对地（这是一个词吗？）到当前页面的文件夹。如果是这样的话在 Sales/... 中，它正在查找 Sales/ 中的 JS 文件夹，但它可能不存在。您可以使用指向根的绝对链接来防止这种情况：

<script src="/js/jquery-1.6.2.min.js" type="text/javascript"></script>

这样它会在站点根目录中查找 JS 文件夹。

【讨论】：