JQuery下的Live方法和$.browser方法使用代码


Posted in Javascript onJune 02, 2010
$(function(){ 
Ajaxload("?Uid=1<%= Yan.GET_Dict(id, 8, TableName)%>") 
$("#ThreeM a:first").addClass("addBg"); 
$(".pageP2 a").live("click",function(){var NewUrl=$(this).attr("href");if(jQuery.browser.msie){var IE=$.browser.version;if(IE=="7.0" || IE=="6.0"){NewUrl="?"+NewUrl.split('?')[1]}};Ajaxload(NewUrl);return false;});/*return false阻止默认a标签跳转,改用ajax请求*/ 
$("#ThreeM a").click(function(){ 
if(!$(this).hasClass("addBg")){$("#ThreeM a").removeClass("addBg");$(this).addClass("addBg")} 
var Url="?Uid=1"+$(this).attr("id"); 
Ajaxload(Url); 
}) 
}) 
function Ajaxload(parm) 
{ 
$.ajax({ 
type: "GET", 
url: "/stus/3th.aspx"+parm, 
cache: false, 
beforeSend:function(){$("#Three").html("<div> <img src=\"images/ajax-loader.gif\" /> load...</div>")}, 
success: function(msg){ 
$("#Three").html(msg); 
}, 
error:function(){$("#Three").html("Load failure...")} 
}); 
}

jQuery.browser方法有如下参数,返回true或者false: 
safari
opera
msie
mozilla 
是这里引用浏览器判断,是由于在IE6.0和7.0中a标签里的href="?Uid="获取过来是整个地址,不知道为什么。就用split截取了。。。

$.live()方法是1.3.2新增的的函数,在1.4.1可以支持自定义事件。具体查api吧。。。

另外关于live方法的冒泡:

ajax提交获取过来的动态生成的a标签,用Live()方法绑定了click事件。第二次查询时会执行2次click事件,冒泡了。用one()方法的话,点击一次就失效了。

最后用bind方法,在提交按钮cilick的时候,Unbind()取消绑定。就可以了。

Javascript 相关文章推荐
jQuery validate 中文API 附validate.js中文api手册
Jul 31 Javascript
jQuery EasyUI API 中文文档 - ComboTree组合树
Oct 11 Javascript
原生JS实现表单checkbook获取已选择的值
Jul 21 Javascript
上传图片js判断图片尺寸和格式兼容IE
Sep 01 Javascript
jQuery选择id属性带有点符号元素的方法
Mar 17 Javascript
JS传递对象数组为参数给后端,后端获取的实例代码
Jun 28 Javascript
如何解决jQuery EasyUI 已打开Tab重新加载问题
Dec 19 Javascript
用vue和node写的简易购物车实现
Apr 25 Javascript
详解用node搭建简单的静态资源管理器
Aug 09 Javascript
20行JS代码实现粘贴板复制功能
Feb 06 Javascript
Vue实现导航栏菜单
Aug 19 Javascript
vue-router中hash模式与history模式的区别
Jun 23 Vue.js
JQuery Ajax通过Handler访问外部XML数据的代码
Jun 01 #Javascript
一些经常会用到的Javascript检测函数
May 31 #Javascript
jquery URL参数判断,确定菜单样式
May 31 #Javascript
javascript 全等号运算符使用说明
May 31 #Javascript
js的逻辑运算符 ||
May 31 #Javascript
避免 showModalDialog 弹出新窗体的原因分析
May 31 #Javascript
判断目标是否是window,document,和拥有tagName的Element的代码
May 31 #Javascript
You might like
php使用smtp发送支持附件的邮件示例
2014/04/13 PHP
php使用递归函数实现数字累加的方法
2015/03/16 PHP
php递归遍历多维数组的方法
2015/04/18 PHP
jQuery焦点图切换特效插件封装实例
2013/08/18 Javascript
js实现收缩菜单效果实例代码
2013/10/30 Javascript
javascript禁用Tab键脚本实例
2013/11/22 Javascript
使用ajax+jqtransform实现动态加载select
2014/12/01 Javascript
jQuery不使用插件及swf实现无刷新文件上传
2014/12/08 Javascript
JavaScript学习笔记之JS事件对象
2015/01/22 Javascript
基于JavaScript实现移动端TAB触屏切换效果
2015/10/20 Javascript
javascript小数精度丢失的完美解决方法
2016/05/31 Javascript
JSON字符串和对象相互转换实例分析
2016/06/16 Javascript
AngularJS通过$http和服务器通信详解
2016/09/21 Javascript
JavaScript指定断点操作实例教程
2018/09/18 Javascript
Vue.js的复用组件开发流程完整记录
2018/11/29 Javascript
JavaScript实现前端倒计时效果
2021/02/09 Javascript
[03:40]DOTA2英雄梦之声_第01期_炼金术士
2014/06/23 DOTA
使用python实现拉钩网上的FizzBuzzWhizz问题示例
2014/05/05 Python
Python实现批量修改文件名实例
2015/07/08 Python
Python标准库之collections包的使用教程
2017/04/27 Python
Python搭建FTP服务器的方法示例
2018/01/19 Python
Python+selenium实现自动循环扔QQ邮箱漂流瓶
2018/05/29 Python
python之cv2与图像的载入、显示和保存实例
2018/12/05 Python
python语言基本语句用法总结
2019/06/11 Python
在django中,关于session的通用设置方法
2019/08/06 Python
浅谈Python type的使用
2019/11/19 Python
pytorch实现用CNN和LSTM对文本进行分类方式
2020/01/08 Python
TensorFLow 数学运算的示例代码
2020/04/21 Python
Spark处理数据排序问题如何避免OOM
2020/05/21 Python
关于Python 解决Python3.9 pandas.read_excel(‘xxx.xlsx‘)报错的问题
2020/11/28 Python
英语简历自我评价
2014/01/26 职场文书
高三体育教学反思
2014/01/29 职场文书
中餐厅经理岗位职责
2014/04/11 职场文书
党员对照检查剖析材料
2014/10/13 职场文书
2019年怎样才能撰写出优秀的自荐信
2019/03/25 职场文书
详解Vue的列表渲染
2021/11/20 Vue.js