Question

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

在它旁边，我有两个输入文件，当我点击每个文件时，会调用一个datepicker函数。我为datepicker

包含了这些脚本

<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>

datepicker在更新面板更新内容之前工作。但在那之后，它不再起作用了。

我该怎么办？

注意

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

Answer 1

您需要在updatepanel中每次刷新后初始化datepicker，使用此代码

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

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

}

Answer 2

$(function () 
{
    Sys.WebForms.PageRequestManager.getInstance().add_pageLoaded(PageLoadedUserFunc)
});

function PageLoadedSUserFunc(sender, args) 
{
    $("#FromDate, #ToDate").datePicker();
}
//Select by Id method is used here.

假设FromDate和ToDate存在于updatepanel中，每当发生pageload时，它都会刷新。

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

注意

2 个答案: