JQuery用戶界面不能與母版頁的工作

我已經成功地進行了JQuery的工作，母版頁，但在母版頁不JQuery的UI.My頭看起來是這樣的：JQuery用戶界面不能與母版頁的工作

<head runat="server"> 
<title>Analytics</title> 
<link href="~/css/PageElements.css" rel="stylesheet" type="text/css" runat="server"/> 
<link href="~/css/FormElements.css" rel="stylesheet" type="text/css" runat="server"/> 
<link href="~/css/Buttons.css" rel="stylesheet" type="text/css" runat="server"/> 
<link href="<%# ResolveUrl("~/css/smoothness/jquery-ui-1.8.9.custom.css") %>" rel="Stylesheet" type="text/css" /> 
<script type="text/javascript" src="<%# ResolveUrl("~/Scripts/jquery-1.4.4.min.js") %>" /> 
<script type="text/javascript" src="<%# ResolveUrl("~/Scripts/jquery-ui-1.8.9.custom.min.js") %>" /> 

<script type="text/javascript"> 
    jQuery.noConflict(); <%--This should avoid conflicts Ajax Control Toolkit--%> 
</script> 

<asp:ContentPlaceHolder ID="HeaderPlaceHolder" runat="server" /> 
</head>

而在內容頁中，我按照JQuery UI演示頁面創建了一個非常簡單的腳本來加載Date Picker。我總是得到'Microsoft JScript運行時錯誤：對象不支持這個屬性或方法'。這是我的內容頁面：

<asp:Content ID="MainContent" ContentPlaceHolderID="MainPlaceHolder" runat="server"> 
<script type="text/javascript"> 
jQuery(document).ready(function() { 
    jQuery('#<%=btnSubmit.ClientID %>').click(function() { 
     alert("Hello world!"); 
    }); 

}); 
</script> 

<script type="text/javascript"> 
    jQuery(function() { 
     jQuery('#<%=datepicker.ClientID %>').datepicker(); 
    }); 
</script> 

<div class="demo"> 

<p>Date: <asp:TextBox runat="server" ID="datepicker" /></p> 

</div> 
<asp:Button ID="btnSubmit" runat="server" Text="Submit" /> 
</asp:Content>

CSS文件夾就位，純JQuery調用工作。這個簡單的日期選擇器不適用於這個主頁面/內容設置。我已經嘗試了很多datepicker ID的組合，使用ClientID（原樣），UniqueID，[id $ = datepicker]等。

有人可以點亮這個嗎？我錯過了什麼？

來源

2011-02-08 hcabral

我不知道，但有兩個建議：（1）爲什麼使用ResolveUrl的jQuery相關的CSS和JS，但使用靜態字符串的其他人？爲什麼不爲jQuery相關資源使用靜態字符串呢？確保將jquery資源放在物理路徑中。（2）如果您想要診斷，請在加載瀏覽器後執行「查看源代碼」，您可以看到「ResolveUrl」正在解決的問題。這可能會給你提示你需要什麼路徑。 – Cheeso 2011-02-08 21:39:49

不知道這是否真的會有太多的幫助...但你可以使用id之外的其他東西來對準jQuery。如果您將其設置爲「datepicker」類，則不必與ClientID進行爭奪。相反，使用$（。datepicker）.datepicker（）; – guildsbounty 2011-02-08 21:40:18

不要使用自行閉合的標籤爲<script> Why don't self-closing script tags work?

來源

2011-02-08 21:42:36 Vadim

我發現爲了避開這個問題是隻需在內容頁添加腳本參考的唯一方法。我嘗試在預渲染過程中添加jqueryui，就像我添加jquery一樣。它只是不會工作。

來源

2011-09-07 11:19:15 cvanniekerk

JQuery用戶界面不能與母版頁的工作

回答

相關問題