ASP.NET学习笔记[9] - jQuery和UpdatePanel兼容的问题
2014-03-21 10:41
531 查看
http://blog.163.com/renlee_1007/blog/static/225358620116203403011/
在使用AJAX的時候,因為各種AJAX控件的功能、樣式和效率都不盡相同,所以為了效果和效率我們都會遇到混用的時候。這時就有問題了,當用UpdatePanel翻頁後,jQuery就會失效。下面是一個案例:
(代码片段1)
以上代码在首次加载页面时可行,但是当我点击任何分页链接(部分回发页面获取该网页的数据),UpdatePanel使頁面部分更新之後jQuery控制的特效就會不起作用了。要解决这个问题,我们可以用下面的代码(代码片段 - 2)取代上面的代码(代码片段1)。
在上面的代码片断中你可以看到我已经添加了一个函数调用pageLoad的,在每次页面加载時、页面的部分或全部回传時激發。分页链接被点击时,我们關注的问题是部分更新,因此在pageLoad函数,我检查isPartialLoad,我们使用相同的代码改变的交替行的背景颜色。
以下是一些更多的方法来达到同样的效果。
或
在使用AJAX的時候,因為各種AJAX控件的功能、樣式和效率都不盡相同,所以為了效果和效率我們都會遇到混用的時候。這時就有問題了,當用UpdatePanel翻頁後,jQuery就會失效。下面是一個案例:
(代码片段1)
<script language="javascript"> $(document).ready(function() { //for table row $("tr:even").css("background-color", "#F4F4F8"); }); </script>
以上代码在首次加载页面时可行,但是当我点击任何分页链接(部分回发页面获取该网页的数据),UpdatePanel使頁面部分更新之後jQuery控制的特效就會不起作用了。要解决这个问题,我们可以用下面的代码(代码片段 - 2)取代上面的代码(代码片段1)。
<script language="javascript"> $(document).ready(function() { $("tr:even").css("background-color", "#F4F4F8"); }); function pageLoad(sender, args) { if(args.get_isPartialLoad()) { $("tr:even").css("background-color", "#F4F4F8"); } } </script>
在上面的代码片断中你可以看到我已经添加了一个函数调用pageLoad的,在每次页面加载時、页面的部分或全部回传時激發。分页链接被点击时,我们關注的问题是部分更新,因此在pageLoad函数,我检查isPartialLoad,我们使用相同的代码改变的交替行的背景颜色。
以下是一些更多的方法来达到同样的效果。
<script language="javascript"> function pageLoad(sender, args) { $("tr:even").css("background-color", "#F4F4F8"); } </script>
或
<script language="javascript"> Sys.Application.add_load(FirejQuery); function FirejQuery() { $("tr:even").css("background-color", "#F4F4F8"); } </script>
相关文章推荐
- ASP.Net Ajax 学习笔记(2):UpdatePanel控件(中)
- Asp.net Ajax 学习笔记2 UpdatePanel的使用(上)
- ASP.NET中UpdatePanel与jQuery同时使用所遇问题解决
- Asp.net Ajax 学习笔记2 UpdatePanel的使用(上)
- ASP.Net WebForm温故知新学习笔记:二、ViewState与UpdatePanel探秘
- Asp.net Ajax 学习笔记5 UpdatePanel的使用(下)
- Asp.net Ajax 学习笔记5 UpdatePanel的使用(下)
- Asp.Net Ajax 学习笔记3 UpdatePanel的使用(上)
- Asp.net Ajax 学习笔记4 UpdatePanel的使用(上)
- ASP.NET中UpdatePanel与jQuery同时使用所遇问题解决
- ASP.NET中UpdatePanel与jQuery同时使用所遇问题解决
- 系统学习asp.net Ajax中GridView、UpdatePanel、UpdateProgress、Timer使用
- MVC学习笔记之:ASP.NET MVC的客户端验证-jQuery.validate验证集合Model验证中的实现
- ASP.NET中UpdatePanel内控件的JS失效的问题
- MVC学习笔记之Asp.Net MVC 中的验证问题
- 解决asp.net ajax updatepanel 乱码问题
- 解决FCKeditor在ASP.NET AJAX的UpdatePanel控件中按钮回调后内容丢失的问题
- [zt]ASP.NET AJAX之UpdatePanel 和JQUERY冲突
- 解决在asp.net中 使用 ajax UpdatePanel出现乱码问题的解决方案
- [学习笔记][ASP.NET]发现CuteEditor的一个小问题