jquery選項卡和telerik和ajax日期選取器

我正在使用jquery UI選項卡並添加一個telerik datepicker它（不想使用jquery datepicker樣式問題）..我可以看到選項卡上的控件，但是當我單擊它時，它不會打開並且URL更改爲http://localhost/#。jquery選項卡和telerik和ajax日期選取器

我已經嘗試過ajax CalendarExtender併發生同樣的事情。

我沒有得到任何錯誤。

我使用的是jquery 1.5.1和jquery-ui-1.8.11.js。

編輯::

母版頁上我有：

<link href="Content/jquery-ui-1.8.21.custom.css" rel="stylesheet" type="text/css" /> 
    <link rel="Shortcut Icon" href="favicon.ico" /> 
    <script src="Scripts/jquery-1.5.1.min.js" type="text/javascript"></script> 
    <script src="Scripts/jquery-ui-1.8.11.js" type="text/javascript"></script> 
    <script src="Scripts/jquery.qtip-1.0.0-rc3.min.js" type="text/javascript"></script> 
    <script src="Scripts/cufon/cufon-yui.js" type="text/javascript"></script> 
    <script src="Scripts/cufon/Lubalin_Graph_700.font.js" type="text/javascript"></script> 
    <script src="Scripts/jquery.watermark.min.js" type="text/javascript"></script> 
    <script src="Scripts/jquery.validator.js" type="text/javascript"></script> 
    <script type="text/javascript" src="scripts/jquery.tablesorter.min.js"></script> 
    <script src="Scripts/jquery.colorbox.js" type="text/javascript"></script>

和我的標籤結構是：

 <div id="tabs"> 
       <ul> 
        <li title=""><a href="FAQs.aspx">FAQ</a></li> 
        <li title=""><a href="Profile.aspx">Profile</a></li> 
        <li title=""><a href="Contact.aspx">Contact</a></li> 
     </div>

和jQuery是：

$("#tabs").tabs({ 
     select: function (event, ui) { 
      $(ui.panel).empty(); 
      $(ui.panel).append("preloader.gif' />"); 
     }, 
     cache: false, 
     ajaxOptions: { cache: false } 
    });

輪廓aspx頁面我有這個aja X：

<asp:TextBox ID="TextBox1" runat="server"></asp:TextBox><br /> 
         <asp:CalendarExtender ID="CalendarExtender1" runat="server" TargetControlID="TextBox1"> 
         </asp:CalendarExtender>

和Telerik的：

<telerik:RadDatePicker runat="server" ID="date" Width="110px" ></telerik:RadDatePicker>

來源

2013-01-21 Zaki

確保有在控制檯上沒有錯誤。檢查控制檯窗口的錯誤 –

@ravi我有，我不能看到任何錯誤 – Zaki

是標籤被ajax加載？ – charlietfl

當AJAX加載頁面重要的是要明白，所有的負載事件已經發生在主頁上。這意味着任何加載處理程序或遠程頁面上的document.ready的代碼將在加載後立即觸發，並且不會爲任何後續的HTML加載第一個

如果遠程頁面中的腳本存在於html之前指的是他們將在HTML存在之前觸發。

在腳本之前放置html可以解決此問題。

或者您可以使用標籤加載事件做出$.getScript電話

編輯：下面的代碼是從jQueryUI的標籤API和必火的每一個標籤AJAX加載時間：

$("#tabs").on("tabsload", function(event, ui) { 
    var active = $(this).tabs('option','active'); 
    /* index starts at zero for first tab*/ 
    if(active==2){ 
    /* iniitalize datepicker here*/ 
    } 

});

來源

2013-01-21 12:41:06 charlietfl

感謝您的答案。但是如何將腳本放在腳本之前放置在主頁面 – Zaki

其中是調用datepicker的代碼？ – charlietfl

請參閱我的編輯。它是在配置文件中，我有阿賈克斯和telerik日曆擴展/日期選擇器 – Zaki

jquery選項卡和telerik和ajax日期選取器

回答

相關問題