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 相关文章推荐
判断在css加载完毕后执行后续代码示例
Sep 03 Javascript
jquery+css实现动感的图片切换效果
Nov 25 Javascript
jQuery进行组件开发完整实例
Dec 15 Javascript
多种方式实现js图片预览
Dec 12 Javascript
微信小程序 地图map实例详解
Jun 07 Javascript
JavaScript之Canvas_动力节点Java学院整理
Jul 04 Javascript
详解Chai.js断言库API中文文档
Jan 31 Javascript
JavaScript原型链与继承操作实例总结
Aug 24 Javascript
JS+canvas画布实现炫酷的旋转星空效果示例
Feb 13 Javascript
JavaScript实现轮播图效果代码实例
Sep 28 Javascript
JavaScript展开运算符和剩余运算符的区别详解
Feb 18 Javascript
TS 类型收窄教程示例详解
Sep 23 Javascript
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用mysql数据库存储session的代码
2010/03/05 PHP
PHPnow安装服务[apache_pn]失败的问题的解决方法
2010/09/10 PHP
通过JavaScript或PHP检测Android设备的代码
2011/03/09 PHP
关于Iframe如何跨域访问Cookie和Session的解决方法
2013/04/15 PHP
php数组声明、遍历、数组全局变量使用小结
2013/06/05 PHP
PHP实现获取第一个中文首字母并进行排序的方法
2017/05/09 PHP
Jquery刷新页面背景图片随机变换的实现方法
2013/03/15 Javascript
引用外部js乱码问题分析及解决方案
2013/04/12 Javascript
简体中文转换繁体中文(实现代码)
2013/12/25 Javascript
JavaScript字符串对象replace方法实例(用于字符串替换或正则替换)
2014/10/16 Javascript
使用js实现的简单拖拽效果
2015/03/18 Javascript
javascript的变量、传值、传址、参数之间关系
2015/07/26 Javascript
js实现的彩色方块飞舞奇幻效果
2016/01/27 Javascript
VueJs路由跳转——vue-router的使用详解
2017/01/10 Javascript
Vue表单验证插件的制作过程
2017/04/01 Javascript
详解关于vue2.0工程发布上线操作步骤
2018/09/27 Javascript
vue.js的双向数据绑定Object.defineProperty方法的神奇之处
2019/01/18 Javascript
利用weixin-java-miniapp生成小程序码并直接返回图片文件流的方法
2019/03/29 Javascript
在Vue中使用Viser说明(基于AntV-G2可视化引擎)
2020/10/28 Javascript
python爬取51job中hr的邮箱
2016/05/14 Python
Python图算法实例分析
2016/08/13 Python
Python+Turtle动态绘制一棵树实例分享
2018/01/16 Python
Python cookbook(数据结构与算法)字典相关计算问题示例
2018/02/18 Python
Flask框架实现给视图函数增加装饰器操作示例
2018/07/16 Python
python实现一行输入多个值和一行输出多个值的例子
2019/07/16 Python
keras训练曲线,混淆矩阵,CNN层输出可视化实例
2020/06/15 Python
python实现每天自动签到领积分的示例代码
2020/08/18 Python
虚拟环境及venv和virtualenv的区别说明
2021/02/05 Python
德国拖鞋网站:German Slippers
2019/11/08 全球购物
Bloomingdale’s阿联酋:选购奢华时尚、美容及更多
2020/09/22 全球购物
妇产科护士自我鉴定
2013/10/15 职场文书
经贸韩语专业大学生职业规划
2014/02/14 职场文书
2014办公室年度工作总结
2014/12/09 职场文书
2015年医院工作总结范文
2015/04/09 职场文书
食品安全责任书范本
2015/05/09 职场文书
员工离职证明范本
2015/06/12 职场文书