jQuery和UpdatePanel兼容的问题

　　今天老大分配了一个任务，将一个ascx页面中的dateCalendar换成jQuery中datePicker，我在添加了ID为dateCalendar文本框后，添加了如下的jQuery。

<script language="javascript">

    $(document).ready(function(){

        $("#<%=dateCalendar.ClientID %>").datepicker();

    });

</script>

　　我在运行代码的时候，开始点击文本框，会弹出日历控件，但是，在操作了与Ajax相关的控件后（部分回发页面获取该网页的数据），UpdatePanel使页面部分更新后，点击日历文本框，日历控件就不会弹出来了。

对于这个问题，我在网上找到了解决方法。

　　方法一：

 

<scriptlanguage="javascript">

      $(document).ready(function()

      {

             $("#<%=dateCalendar.ClientID %>").datepicker();

      }); 

      function pageLoad(sender, args)

      {

      if(args.get_isPartialLoad())

      {

             $("#<%=dateCalendar.ClientID %>").datepicker();

      }

}

</script>

　　原理：上面的代码片断中添加了一个函数调用pageLoad的，在每次页面加载时、页面的部分或全部回传时激发。那么与Ajax相关的控件被点击时，pageLoad就会被激发。

方法二：

 

<scriptlanguage="javascript">

    function pageLoad(sender, args)

    {

           $("#<%=dateCalendar.ClientID %>").datepicker();

    }

</script>

 

　　或：

<scriptlanguage="javascript">

    Sys.Application.add_load(FirejQuery);

    function FirejQuery()

    {

          $("#<%=dateCalendar.ClientID %>").datepicker();

    }

</script>

 

 

 

 

参考博文：

http://blog.163.com/renlee_1007/blog/static/225358620116203403011/