jquery日期选择器不显示在不可见的asp:面板中

我有一个默认不可见的asp:面板。 此面板是一个覆盖窗口，用于获取一些输入

我想在此面板的文本框中添加jquery日期选择器 但是因为这个面板在默认情况下是不可见的，并且在点击按钮后是可见的 日期选择器不工作。。 当我改变面板的可见性时，一切都正常

我的代码：

<script type="text/javascript">
    $(document).ready(function date () {

        $(".test").datepicker(
            { showOn: 'button',
            buttonImage: '../Script/jquery.ui.datepicker1.8.14-cc/styles/images/calendar.png',
            buttonImageOnly: true});


    });
</script>

$（文档）.准备就绪（功能日期（）{
$（“.test”）.datepicker(
{shown:'按钮'，
buttonImage:“../Script/jquery.ui.datepicker1.8.14-cc/styles/images/calendar.png”，
buttonImageOnly:true}）；
});

如果您要更改服务器端的可见性，则需要让它保持可见，并使用css

display:none

控制这些内容，因为它实际上会从DOM中删除面板内容

或者，如果我没有弄错，您可以在WebForms中执行此操作：

Panel.CssClass += "hide-me"

css类应为：

.hide-me {
    display:none;
}

---

这个问题发生在ajax脚本管理器和updatepanel上 当我删除ajax脚本管理器时，一切都正常工作 我必须通过使用在页面加载中注册datepicker脚本： ScriptManager.RegisterClientScriptBlock

---

现在我尝试解决我的问题…

我将脚本更改为：

<script type="text/javascript">

    function pageLoad(sender, args) 
    {
        $(".test").datepicker(
            { showOn: 'button',
                buttonImage: '../Script/jquery.ui.datepicker1.8.14-cc/styles/images/calendar.png',
                buttonImageOnly: true
            });

    }

</script>

函数页面加载（发送方，参数）
{
$（“.test”）.datepicker(
{shown:'按钮'，
buttonImage:“../Script/jquery.ui.datepicker1.8.14-cc/styles/images/calendar.png”，
buttonImageOnly:true
});
}

---

所以现在一切都好了

“看不见”是指面板。可见=假？@Andrey Borisko:没错！亲爱的Andrey，我对此进行了测试，使用display:none和display:inline从代码隐藏到可见并隐藏我的asp:panel，但问题并没有解决。