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 相关文章推荐
JS遮罩层效果 兼容ie firefox jQuery遮罩层
Jul 26 Javascript
JQuery为textarea添加maxlength属性并且兼容IE
Apr 25 Javascript
javascript日期对象格式化为字符串的实现方法
Jan 14 Javascript
JavaScrip常见的一些算法总结
Dec 28 Javascript
Bootstrap 网站实例之单页营销网站
Oct 20 Javascript
Javascript 实现简单计算器实例代码
Oct 23 Javascript
分享十三个最佳JavaScript数据网格库
Apr 07 Javascript
jQuery Ajax使用FormData上传文件和其他数据后端web.py获取
Jun 11 jQuery
canvas轨迹回放功能实现
Dec 20 Javascript
vue多页面开发和打包正确处理方法
Apr 20 Javascript
浅析JavaScript预编译和暗示全局变量
Sep 03 Javascript
Vue中使用wangeditor富文本编辑的问题
Feb 07 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版本升级到7.x后wordpress的一些修改及wordpress技巧
2015/12/25 PHP
Linux下源码包安装Swoole及基本使用操作图文详解
2019/04/02 PHP
JS类中定义原型方法的两种实现的区别
2007/03/08 Javascript
jQuery之选择组件的深入解析
2013/06/19 Javascript
JS 精确统计网站访问量的实例代码
2013/07/05 Javascript
Javascript alert消息换行的方法
2013/08/07 Javascript
JQuery设置文本框和密码框得到焦点时的样式
2013/08/30 Javascript
如何将网页表格内容导入excel
2014/02/18 Javascript
使用JS取得焦点(focus)元素代码
2014/03/22 Javascript
浅谈JavaScript Math和Number对象
2015/01/26 Javascript
通过Tabs方法基于easyUI+bootstrap制作工作站
2016/03/28 Javascript
JavaScript利用HTML DOM进行文档操作的方法
2016/03/28 Javascript
js剪切板应用clipboardData实例解析
2016/05/29 Javascript
javascript实现抽奖程序的简单实例
2016/06/07 Javascript
基于JavaScript实现鼠标向下滑动加载div的代码
2016/08/31 Javascript
基于Bootstrap 3 JQuery及RegExp的表单验证功能
2017/02/16 Javascript
JavaScript订单操作小程序完整版
2017/06/23 Javascript
使用weixin-java-miniapp配置进行单个小程序的配置详解
2019/03/29 Javascript
Vue发布订阅模式实现过程图解
2020/04/30 Javascript
[01:01:29]2018DOTA2亚洲邀请赛 4.4 淘汰赛 VP vs Liquid 第一场
2018/04/05 DOTA
Python中获取对象信息的方法
2015/04/27 Python
pytorch构建网络模型的4种方法
2018/04/13 Python
Python格式化输出字符串方法小结【%与format】
2018/10/29 Python
python函数局部变量、全局变量、递归知识点总结
2019/11/15 Python
python 删除excel表格重复行,数据预处理操作
2020/07/06 Python
python中PyQuery库用法分享
2021/01/15 Python
Sisley法国希思黎中国官网:享誉全球的奢华植物美容品牌
2019/06/30 全球购物
LN-CC日本:高端男装和女装的奢侈时尚目的地
2019/09/01 全球购物
澳大利亚Rockwear官网:女子瑜伽、健身和运动服
2021/01/26 全球购物
应届毕业生应聘自荐信
2013/12/07 职场文书
法定代表人授权委托书范文
2014/09/22 职场文书
实习护士自荐信
2015/03/25 职场文书
初中物理教学反思
2016/02/19 职场文书
同学聚会开幕词
2019/04/02 职场文书
送给小学生的暑假礼物!小学生必背99首古诗
2019/07/02 职场文书
Python使用pandas导入xlsx格式的excel文件内容操作代码
2022/12/24 Python