javascript - jquery 调用不会在更新面板中触发

Question

我有一个更新面板，每 1 分钟更新一次。

在它的旁边，我有两个输入文件，当我单击每个文件时，会调用一个日期选择器函数。我为日期选择器包含了这些脚本

<link rel="stylesheet" href="http://code.jquery.com/ui/1.10.4/themes/smoothness/jquery-ui.css"/>
    <script src="//code.jquery.com/jquery-1.10.2.js"></script>
    <script src="//code.jquery.com/ui/1.10.4/jquery-ui.js"></script>
    <link rel="stylesheet" href="/resources/demos/style.css"/>

此外，我的 head 标记中有此脚本

<script>
        $(function () {
            $("#CldrFrom, #CldrTo").datepicker();
        });
    </script>

日期选择器在更新面板更新内容之前运行。但在那之后，它就不再工作了。

请问我该怎么办？

注意

我的一个脚本中已经有function pageLoad(sender, args)，但我认为这不会导致问题

Answer 1

每次刷新更新面板后，您都需要重新初始化日期选择器，请使用此代码

$(document).ready(function () {
    Sys.WebForms.PageRequestManager.getInstance().add_pageLoaded(PageLoaded)
});

function PageLoaded(sender, args) {
    $("#CldrFrom, #CldrTo").datepicker();

}