如何让JqueryUI与ASP.Net主页和多个路径一起使用?

时间:2011-12-07 15:15:36

标签: jquery-ui master-pages

我有一个简单的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则样式永远不会应用于母版页中定义的手风琴。

1 个答案:

答案 0 :(得分: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文件夹。