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 相关文章推荐
客户端脚本中常常出现的一些问题和调试技巧
Jan 09 Javascript
基于jquery的blockui插件显示弹出层
Apr 14 Javascript
jquery 表格的增行删行实现思路
Mar 21 Javascript
JavaScript中的apply和call函数详解
Jul 20 Javascript
探寻Javascript执行效率问题
Nov 12 Javascript
javascript学习小结之prototype
Dec 03 Javascript
详解Wondows下Node.js使用MongoDB的环境配置
Mar 01 Javascript
浅谈箭头函数写法在ReactJs中的使用
Aug 22 Javascript
ES6的解构赋值实例详解
May 06 Javascript
js中的面向对象之对象常见创建方法详解
Dec 16 Javascript
JavaScript 类的封装操作示例详解
May 16 Javascript
JS禁用右键、禁用Ctrl+u、禁用Ctrl+s、禁用F12的实现代码
Dec 01 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下使用iconv需要注意的问题
2010/11/20 PHP
php gzip压缩输出的实现方法
2013/04/27 PHP
ThinkPHP框架实现导出excel数据的方法示例【基于PHPExcel】
2018/05/12 PHP
PHP大文件分割分片上传实现代码
2020/12/09 PHP
基于jquery的textarea发布框限制文字字数输入(添加中文识别)
2012/02/16 Javascript
JS实现关键字搜索时的相关下拉字段效果
2014/08/05 Javascript
Javascript前端UI框架Kit使用指南之kitjs的对话框组件
2014/11/28 Javascript
JS实现固定在右下角可展开收缩DIV层的方法
2015/02/13 Javascript
跟我学习javascript的prototype使用注意事项
2015/11/17 Javascript
JavaScript 身份证号有效验证详解及实例代码
2016/10/20 Javascript
不使用script导入js文件的几种方法
2016/10/27 Javascript
jQuery实现鼠标滑过图片移动特效
2016/12/08 Javascript
Angular工具方法学习
2016/12/26 Javascript
基于 D3.js 绘制动态进度条的实例详解
2018/02/26 Javascript
Nginx设置为Node.js的前端服务器方法总结
2019/03/27 Javascript
vue如何实现自定义底部菜单栏
2019/07/01 Javascript
玩转python爬虫之爬取糗事百科段子
2016/02/17 Python
python实现八大排序算法(2)
2017/09/14 Python
python利用re,bs4,requests模块获取股票数据
2019/07/29 Python
pandas 中对特征进行硬编码和onehot编码的实现
2019/12/20 Python
Jupyter Notebook打开任意文件夹操作
2020/04/14 Python
CSS3中Animation属性的使用详解
2015/08/06 HTML / CSS
C&A巴西网上商店:时尚、衣服、手机和鞋子
2020/06/07 全球购物
Android面试宝典
2013/08/06 面试题
应届护士推荐信
2013/11/16 职场文书
自荐书封面下载
2013/11/29 职场文书
毕业自荐书
2013/12/09 职场文书
会计实习生自我鉴定
2013/12/12 职场文书
竞聘副主任科员演讲稿
2014/01/11 职场文书
弘扬职业精神演讲稿
2014/03/20 职场文书
电力安全事故反思
2014/04/27 职场文书
Nginx访问日志及错误日志参数说明
2021/03/31 Servers
Mysql 如何实现多张无关联表查询数据并分页
2021/06/05 MySQL
用JS实现飞机大战小游戏
2021/06/09 Javascript
Kubernetes控制节点的部署
2022/04/01 Servers
Win11 Build 25179预览版发布(附更新内容+ISO官方镜像下载)
2022/08/14 数码科技