JQuery Datepicker ASP.NET IE7後回發顯示問題

我有一個ASP.Net 4.0網絡應用程序，它有幾個JQuery日期選取器。當頁面第一次加載並且與其關聯的文本框可見時，datepicker工作正常。（請參閱附加屏幕截圖）但是，當第一次加載頁面時，文本框不可見時會出現問題。當回發發生並且回發後文本框可見時，日期選擇器顯示爲應該。然而，CSS都搞砸了。（見附件截圖）這僅適用於IE 7 - IE8和IE9正常工作。JQuery Datepicker ASP.NET IE7後回發顯示問題

這裏是初始化日期選擇器代碼：

function pageLoad() { 
      $('#<%= dtPolExpDate.ClientID %>').unbind(); 
      $('#<%= dtPolExpDate.ClientID %>').datepicker({ 
       buttonImage: '../../Common/images/calendar.gif', 
       buttonImageOnly: true, 
       showOn: 'both', 
       changeMonth: true, 
       changeYear: true, 
       showButtonPanel: true, 
       closeText: 'Close' 
      });

當我看着來源，CSS文件正確加載並因此是jQuery的JavaScript文件。

我認爲這是與主頁的東西，所以我創建了一個非常簡單的aspx頁面 - 它也有同樣的問題。一旦我點擊按鈕來顯示與datepicker相關的文本框的面板，datepicker就會搞砸了。所有的頁面都有一個嵌套面板，最上面的面板有一個簡單的按鈕，當點擊時會顯示帶有日期選擇器的下面板。我無法在這裏附加aspx文件，但如果需要，我可以拍攝代碼的屏幕截圖並在此處上傳。

編輯：附上所有related images：

測試代碼
回發前的日期選擇器（這已經是可見之前按一下按鈕）
回傳後的日期選擇器（不同的日期選擇器按鈕點擊後變爲可見）

請幫忙！

來源

2011-10-17 APK

你有測試頁嗎？這將有助於搞清楚發生了什麼事後的回車 – TeckniX 2011-10-17 13:20:28

你是什麼意思'不可見'？「能見度：隱藏」或「顯示：無」？ – 2011-10-17 13:20:45

-1

什麼是pageLoad()？

無論如何，請使用$(document).ready()

$(document).ready(function(){ 
    $('#<%= dtPolExpDate.ClientID %>').unbind(); 
    $('#<%= dtPolExpDate.ClientID %>').datepicker({ 
     buttonImage: '../../Common/images/calendar.gif', 
     buttonImageOnly: true, 
     showOn: 'both', 
     changeMonth: true, 
     changeYear: true, 
     showButtonPanel: true, 
     closeText: 'Close' 
    }); 
});

來源

2011-10-17 13:20:09

JQuery Datepicker ASP.NET IE7後回發顯示問題

回答

相關問題