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 必知必会之closure
Sep 21 Javascript
关于js拖拽上传 [一个拖拽上传修改头像的流程]
Jul 13 Javascript
firefox下input type=&quot;file&quot;的size是多大
Oct 24 Javascript
JS小功能(列表页面隔行变色)简单实现
Nov 28 Javascript
JS过滤url参数特殊字符的实现方法
Dec 24 Javascript
文本域光标操作的jQuery扩展分享
Mar 10 Javascript
我的Node.js学习之路(四)--单元测试
Jul 06 Javascript
用简洁的jQuery方法toggleClass实现隔行换色
Oct 22 Javascript
jQuery实现进度条效果代码
Dec 17 Javascript
jQuery Ajax全解析
Feb 13 Javascript
微信小程序实现多个按钮toggle功能的实例
Jun 13 Javascript
bootstrap table列和表头对不齐的解决方法
Jul 19 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数据缓存技术
2007/02/14 PHP
php float不四舍五入截取浮点型字符串方法总结
2013/10/28 PHP
初识laravel5
2015/03/02 PHP
JavaScript 异步调用框架 (Part 2 - 用例设计)
2009/08/03 Javascript
背景图跟随鼠标移动的Mootools插件实现代码
2011/12/12 Javascript
关于在IE下的一个安全BUG --可用于跟踪用户的系统鼠标位置
2013/04/17 Javascript
Jquery Post处理后不进入回调的原因及解决方法
2014/07/15 Javascript
javascript实现在指定元素中垂直水平居中
2015/09/13 Javascript
jQuery抛物线运动实现方法(附完整demo源码下载)
2016/01/08 Javascript
noty ? jQuery通知插件全面解析
2016/05/18 Javascript
EXT中单击button按钮grid添加一行(光标位置可设置)的实例代码
2016/06/02 Javascript
基于js中的原型、继承的一些想法
2016/08/10 Javascript
Bootstrap轮播插件使用代码
2016/10/11 Javascript
video.js使用改变ui过程
2017/03/05 Javascript
微信小程序支付功能 php后台对接完整代码分享
2018/06/12 Javascript
解决vuejs项目里css引用背景图片不能显示的问题
2018/09/13 Javascript
js实现图片粘贴到网页
2019/12/06 Javascript
react-router-dom 嵌套路由的实现
2020/05/02 Javascript
[01:03:41]DOTA2-DPC中国联赛 正赛 Dynasty vs XG BO3 第三场 2月2日
2021/03/11 DOTA
解决nohup重定向python输出到文件不成功的问题
2018/05/11 Python
Python列表解析配合if else的方法
2018/06/23 Python
对python中大文件的导入与导出方法详解
2018/12/28 Python
Python 分享10个PyCharm技巧
2019/07/13 Python
对tensorflow中tf.nn.conv1d和layers.conv1d的区别详解
2020/02/11 Python
详解移动端h5页面根据屏幕适配的四种方案
2020/04/15 HTML / CSS
JBL澳大利亚官方商店:扬声器、耳机和音响系统
2018/05/24 全球购物
Bluebella法国官网:英国性感内衣品牌
2019/05/03 全球购物
CK澳大利亚官网:Calvin Klein澳大利亚
2020/12/12 全球购物
酒店管理专业学生求职信
2013/09/27 职场文书
大学生专科毕业生自我评价
2013/11/17 职场文书
工业自动化毕业生自荐信范文
2014/01/04 职场文书
3.15国际消费者权益日主题活动活动总结
2014/03/16 职场文书
学校领导四风问题整改措施思想汇报
2014/10/09 职场文书
汽车车尾标语大全
2015/08/11 职场文书
2019年教师节:送给所有老师的祝福语
2019/09/05 职场文书
ThinkPHP5和ThinkPHP6的区别
2021/03/31 PHP