jQuery和UpdatePanel兼容的问题

简介:   今天老大分配了一个任务,将一个ascx页面中的dateCalendar换成jQuery中datePicker,我在添加了ID为dateCalendar文本框后,添加了如下的jQuery。 $(document).ready(function(){ $("#").datepicker(); });   我在运行代码的时候,开始点击文本框,会弹出日历控件,但是,在操作了与Ajax相关的控件后(部分回发页面获取该网页的数据),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/

 

目录
相关文章
|
4月前
|
XML 缓存 JavaScript
jQuery 第十章(jQuery AJAX以及jQuery和其他框架兼容)
jQuery 第十章(jQuery AJAX以及jQuery和其他框架兼容)
26 0
|
监控 JavaScript
jquery实时监控input值的变化、兼容ie9
jquery实时监控input值的变化、兼容ie9
102 0
|
Web App开发 JavaScript 前端开发
jQuery表格列宽可变,兼容firfox
本demo使用jQuery包,实现表格列宽可拖拽功能,并实现页面reset时的重新布局。使用jQuery,方便函数的调用,给要处理的表格添加id 后,直接调用$("#id").movedTh()即可方便实现,修改了firfox的兼容性。
1042 0
|
JavaScript 前端开发 .NET
[转]jquery与updatepanel二次失效问题解决方案
现在越来越多的朋友喜欢将jQuery和ASP.NET AJAX 一起来用,最近,许多印度人在forum里抱怨说UpdatePanel和jQuery不兼容,许多jQuery效果在UpdatePanel更新之后就 不work。
1060 0
|
6月前
|
JavaScript
Jquery插件知识之Jquery.cookie实现页面传值
Jquery插件知识之Jquery.cookie实现页面传值
36 0
|
7月前
|
JavaScript
jQuery 插件自用列表
jQuery 插件自用列表
29 0
|
3月前
|
JavaScript
jQuery图片延迟加载插件jQuery.lazyload
jQuery图片延迟加载插件jQuery.lazyload
|
3月前
|
JavaScript 数据可视化 前端开发
jQuery-JS插件-第9次课-使用插件让领导对你刮目相看-附案例作业
jQuery-JS插件-第9次课-使用插件让领导对你刮目相看-附案例作业
19 0
|
3月前
|
JavaScript 前端开发
开发jQuery插件这些就够了
开发jQuery插件这些就够了
26 0