回发后 JQuery Datepicker ASP.NET IE7 显示问题

Question

我有一个 ASP.Net 4.0 Web 应用程序，上面有几个 JQuery Datepicker。当页面首次加载并且与其关联的文本框可见时，日期选择器工作正常。 （见附件截图） 但是，当第一次加载页面时文本框不可见时，就会出现问题。当回发发生并且回发后文本框可见时，日期选择器会按原样显示。然而，CSS 都搞砸了。 （见附件截图）这仅适用于 IE 7 - IE8 和 IE9 工作正常。

这里是初始化日期选择器的代码：

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 页面 - 它也有同样的问题。一旦我单击按钮以显示带有与日期选择器相关的文本框的面板，日期选择器就会混乱。所有页面都有一个嵌套面板，最上面的面板有一个简单的按钮，单击该按钮会显示带有日期选择器的下部面板。我无法在此处附加该 aspx 文件，但如果需要，我可以截取代码并在此处上传。

编辑：附上所有related images：

1. 测试代码
2. 回发前的日期选择器（在单击按钮之前已经可见）

3. 回发后的日期选择器（单击按钮后可见的不同日期选择器）

   请帮忙！

Answer 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' 
    });
});