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 Chart 插件整理
Jun 18 Javascript
jQuery1.6 使用方法二
Nov 23 Javascript
基于JavaScript实现移动端点击图片查看大图点击大图隐藏
Nov 04 Javascript
超详细的javascript数组方法汇总
Nov 21 Javascript
简单实现轮播图效果的实例
Jul 15 Javascript
JS表单数据验证的正则表达式(常用)
Feb 18 Javascript
swiper动态改变滑动内容的实现方法
Jan 17 Javascript
微信运维交互机器人的示例代码
Nov 12 Javascript
解决vue2 在mounted函数无法获取prop中的变量问题
Nov 15 Javascript
layui输入框只允许输入中文且判断长度的例子
Sep 18 Javascript
javascript实现贪吃蛇经典游戏
Apr 10 Javascript
微信小程序实现modal弹出框遮罩层组件(可带文本框)
Dec 20 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将会员数据导入到ucenter的代码
2010/07/18 PHP
仿Aspnetpager的一个PHP分页类代码 附源码下载
2012/10/08 PHP
php抽奖概率算法(刮刮卡,大转盘)
2020/04/17 PHP
Javascript-Mozilla和IE中的一个函数直接量的问题
2007/01/09 Javascript
jQuery 全选效果实现代码
2009/03/23 Javascript
购物车选中得到价格实现示例
2014/01/26 Javascript
nodejs事件的监听与触发的理解分析
2015/02/12 NodeJs
jfreechart插件将数据展示成饼状图、柱状图和折线图
2015/04/13 Javascript
探究Javascript模板引擎mustache.js使用方法
2016/01/26 Javascript
第九章之路径分页标签与徽章组件
2016/04/25 Javascript
AngularJS实现使用路由切换视图的方法
2017/01/24 Javascript
vuejs2.0实现分页组件使用$emit进行事件监听数据传递的方法
2017/02/22 Javascript
详解vuex commit保存数据技巧
2018/12/25 Javascript
在Python下使用Txt2Html实现网页过滤代理的教程
2015/04/11 Python
在Python中使用第三方模块的教程
2015/04/27 Python
使用python检测主机存活端口及检查存活主机
2015/10/12 Python
Python 字符串大小写转换的简单实例
2017/01/21 Python
python检索特定内容的文本文件实例
2018/06/05 Python
使用python对excle和json互相转换的示例
2018/10/23 Python
使用Python的SymPy库解决数学运算问题的方法
2019/03/27 Python
Python pip安装模块提示错误解决方案
2020/05/22 Python
Python selenium模块实现定位过程解析
2020/07/09 Python
使用html5 canvas 画时钟代码实例分享
2015/11/11 HTML / CSS
来自美国主售篮球鞋的零售商店:KICKSUSA
2017/11/28 全球购物
英国排名第一的在线宠物用品商店:Monster Pet Supplies
2018/05/20 全球购物
应聘护士自荐信
2013/10/21 职场文书
预备党员党校学习自我评价分享
2013/11/12 职场文书
自动化毕业生专业自荐书范文
2014/02/04 职场文书
运动会跳远加油稿
2014/02/20 职场文书
医学检验专业自荐信
2014/09/18 职场文书
社区领导班子四风问题原因分析及整改措施
2014/09/28 职场文书
生产实习心得体会范文
2016/01/22 职场文书
2016年学校“3.12”植树节活动总结
2016/03/16 职场文书
应届生们该怎么书写求职信?
2019/07/05 职场文书
php修改word的实例方法
2021/11/17 PHP
Android Flutter实现图片滑动切换效果
2022/04/07 Java/Android