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 入门讲解1
Apr 15 Javascript
用JS实现一个TreeMenu效果分享
Aug 28 Javascript
JavaScript修改css样式style动态改变元素样式
Dec 16 Javascript
jquery.Ajax()方法调用Asp.Net后台的方法解析
Feb 13 Javascript
JS实现Ajax的方法分析
Dec 20 Javascript
JavaScript、C# URL编码、解码总结
Jan 21 Javascript
jQuery 添加样式属性的优先级别方法(推荐)
Jun 08 jQuery
详解使用webpack打包编写一个vue-toast插件
Nov 08 Javascript
React如何解决fetch跨域请求时session失效问题
Nov 02 Javascript
js嵌套的数组扁平化:将多维数组变成一维数组以及push()与concat()区别的讲解
Jan 19 Javascript
vue柱状进度条图像的完美实现方案
Aug 26 Javascript
如何使用RoughViz可视化Vue.js中的草绘图表
Jan 30 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 数据结构队列(SplQueue)和优先队列(SplPriorityQueue)简单使用实例
2015/05/12 PHP
PHP+Ajax实现验证码的实时验证
2016/07/20 PHP
thinkphp5框架结合mysql实现微信登录和自定义分享链接与图文功能示例
2019/08/13 PHP
Laravel5.5 视图 - 创建视图和数据传递示例
2019/10/21 PHP
HTML中不支持静态Expando的元素的问题
2007/03/08 Javascript
jquery增加时编辑jqGrid(实例代码)
2013/11/08 Javascript
JavaScript调用ajax获取文本文件内容实现代码
2014/03/28 Javascript
JavaScript Array对象扩展indexOf()方法
2014/05/09 Javascript
js实现照片墙功能实例
2015/02/05 Javascript
js带缩略图的图片轮播效果代码分享
2015/09/14 Javascript
基于jQuery插件实现点击小图显示大图效果
2016/05/11 Javascript
jQuery实现动态给table赋值的方法示例
2017/07/04 jQuery
AngularJS 实现点击按钮获取验证码功能实例代码
2017/07/13 Javascript
Vue.js中组件中的slot实例详解
2017/07/17 Javascript
webpack进阶——缓存与独立打包的用法
2017/08/02 Javascript
node thread.sleep实现示例
2018/06/20 Javascript
Vue之mixin全局的用法详解
2018/08/22 Javascript
CentOS7中源码编译安装NodeJS的完整步骤
2018/10/13 NodeJs
JavaScript 判断iPhone X Series机型的方法
2019/01/28 Javascript
vue 解决异步数据更新问题
2019/10/29 Javascript
javascript实现fetch请求返回的统一拦截
2019/12/22 Javascript
JavaScript如何判断input数据类型
2020/02/06 Javascript
什么是Python中的匿名函数
2020/06/02 Python
Notino意大利:购买香水和化妆品
2018/11/14 全球购物
中东最大的在线宠物店:Dubai Pet Food
2020/06/11 全球购物
对象的序列化(serialization)类是面向流的,应如何将对象写入到随机存取文件中
2015/06/22 面试题
农村产权制度改革实施方案
2014/03/21 职场文书
外贸会计专业自荐信
2014/06/22 职场文书
环保志愿者活动方案
2014/08/14 职场文书
学生会感恩节活动方案
2014/10/11 职场文书
2015年音乐教师个人工作总结
2015/05/20 职场文书
运动会广播稿50字
2015/08/19 职场文书
商业计划书范文
2019/04/24 职场文书
SONY AN-LP1 短波有源天线放大器
2021/04/22 无线电
详解盒子端CSS动画性能提升
2021/05/24 HTML / CSS
解决vue自定义组件@click点击失效问题
2022/04/30 Vue.js