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 相关文章推荐
javascript的trim,ltrim,rtrim自定义函数
Sep 21 Javascript
查看图片(前进后退)功能实现js代码
Apr 24 Javascript
Array栈方法和队列方法的特点说明
Jan 24 Javascript
javascript中window.open在原来的窗口中打开新的窗口(不同名)
Nov 15 Javascript
javascript函数命名的三种方式及区别介绍
Mar 22 Javascript
javascript解决小数的加减乘除精度丢失的方案
May 31 Javascript
微信小程序 在线支付功能的实现
Mar 14 Javascript
vue2组件之select2调用的示例代码
Oct 12 Javascript
javascript动态创建对象的属性详解
Nov 07 Javascript
vue组件之间数据传递的方法实例分析
Feb 12 Javascript
JS实现选项卡效果的代码实例
May 20 Javascript
layer弹出层自定义提交取消按钮的例子
Sep 10 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缓存技术的多种方法小结
2012/08/14 PHP
PHP读取数据库并按照中文名称进行排序实现代码
2013/01/29 PHP
PHP简单判断字符串是否包含另一个字符串的方法
2016/03/25 PHP
laravel dingo API返回自定义错误信息的实例
2019/09/29 PHP
拖动Html元素集合 Drag and Drop any item
2006/12/22 Javascript
JQuery操作单选按钮以及复选按钮示例
2013/09/23 Javascript
JS实现两个大数(整数)相乘
2014/04/28 Javascript
关闭页面时window.location事件未执行的原因分析及解决方案
2014/09/01 Javascript
前端必备神器 Snap.svg 弹动效果
2014/11/10 Javascript
Javascript闭包用法实例分析
2015/01/23 Javascript
node.js操作mongodb学习小结
2015/04/25 Javascript
js限制文本框只能输入中文的方法
2015/08/11 Javascript
jquery 获取select数组与name数组长度的实现代码
2016/06/20 Javascript
浅析JavaScript动画模拟拖拽原理
2016/12/09 Javascript
javascript数据结构中栈的应用之符号平衡问题
2017/04/11 Javascript
Vue页面切换和a链接的本质区别详解
2019/11/12 Javascript
javascript中的相等操作符(==与===区别)
2019/12/21 Javascript
[03:45]Newbee战队出征西雅图 决战2016国际邀请赛
2016/08/02 DOTA
Python中遍历字典过程中更改元素导致异常的解决方法
2016/05/12 Python
请不要重复犯我在学习Python和Linux系统上的错误
2016/12/12 Python
Python列表推导式与生成器用法分析
2018/08/02 Python
浅谈Pytorch中的torch.gather函数的含义
2019/08/18 Python
详解Python 字符串相似性的几种度量方法
2019/08/29 Python
Python进程间通信 multiProcessing Queue队列实现详解
2019/09/23 Python
django-xadmin根据当前登录用户动态设置表单字段默认值方式
2020/03/13 Python
java字符串格式化输出实例讲解
2021/01/06 Python
HTML5 form标签之解放表单验证、增加文件上传、集成拖放的使用方法
2013/04/24 HTML / CSS
详解HTML5中ol标签的用法
2015/09/08 HTML / CSS
请写出一段Python代码实现删除一个list里面的重复元素
2015/12/29 面试题
新闻专业毕业生英文求职信
2014/03/19 职场文书
自动化专业大学生职业生涯规划范文:爱拚才会赢
2014/09/12 职场文书
2014老师三严三实对照检查材料思想汇报
2014/09/18 职场文书
2014年单位工作总结范文
2014/11/27 职场文书
硕士论文致谢范文
2015/05/14 职场文书
SpringBoot整合JWT的入门指南
2021/06/29 Java/Android
SQL实现LeetCode(178.分数排行)
2021/08/04 MySQL