2011-11-07 34 views
2

我有一個測試頁放在一起顯示一個jQuery日曆。ASP.NET&jQuery日曆 - 不起作用

看起來我已經正確創建了所有內容,但Calendar控件不顯示。

有沒有人看到我的例子下面有什麼問題?

<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="TestjQuery.aspx.cs" Inherits="AcpSheetMetal.TestjQuery" %> 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 
<html xmlns="http://www.w3.org/1999/xhtml"> 
<head runat="server"> 
    <title>jQuery Calendar Test</title> 
    <link rel="Stylesheet" type="text/css" href="Styles/jquery.ui.datepicker.css" /> 
    <script src="Scripts/jquery-1.4.1.min.js" type="text/javascript" /> 
    <script src="Scripts/jquery.ui.datepicker.js" type="text/javascript" /> 
    <script type="text/javascript"> 
    $(function() { 
     alert("Select Dates and Run Search."); 
     $("#txtStartDate").datepicker(); 
     $("#txtEndDate").datepicker(); 
    }); 
    </script> 
</head> 
<body> 
    <form id="form1" runat="server"> 
    <div> 
    <table style="height:100%;width:100%"> 
    <tr> 
     <td style="width:20%;"> 
     <asp:Label ID="lblStartDate" runat="server" Text="[Start Date]" /><br /> 
     <asp:TextBox ID="txtStartDate" runat="server" ClientIDMode="Static"></asp:TextBox> 
     </td> 
     <td style="width:20%;"> 
     <asp:Label ID="lblEndDate" runat="server" Text="[End Date]" /><br /> 
     <asp:TextBox ID="txtEndDate" runat="server" ClientIDMode="Static"></asp:TextBox> 
     </td> 
     <td style="text-align:left;"> 
     Run Search:<br /> 
     <asp:Button ID="btnSubmit" runat="server" Text="Submit" /> 
     </td> 
    </tr> 
    </table> 
    </div> 
    </form> 
</body> 
</html> 
+0

哦,和'警報(「選擇日期和運行搜索」);'線不會被調用,無論是。 – jp2code

回答

4

這可能導致該問題自行閉合的腳本標記 -

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

嘗試使用這種模式,而不是對所有的腳本標記

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

有關進一步信息這一問題 - Why don't self-closing script tags work?

+0

+1 Ha,對於dup鏈接抱歉,沒有看到你已經擁有它。 –

+0

賓果!謝謝!我可以在3分鐘內接受這個答案。感謝所有其他人也參與其中!每個人都得到+1,因爲這是我滾動的方式。 ;) – jp2code

1

因爲你說警報不開火我會說路徑Scripts/jquery-1.4.1.min.js可能是錯誤的。

您確定這指向您的JavaScript文件嗎?

1

確保您的路徑是正確的,閉上你的JavaScript標籤:

<link rel="Stylesheet" type="text/css" href='<%= Page.UrlResolve("~/Styles/jquery.ui.datepicker.css" %>' /> 
    <script src='<%= Page.UrlResolve("~/Scripts/jquery-1.4.1.min.js" %>' type="text/javascript"></script> 
    <script src='<%= Page.UrlResolve("~/Scripts/jquery.ui.datepicker.js" %>' type="text/javascript"></script> 

Why don't self-closing script tags work?