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 结合C#后台的数组对文章的关键字自动添加链接的代码
Jul 15 Javascript
jquery实现预览提交的表单代码分享
May 21 Javascript
JavaScript中的Web worker多线程API研究
Dec 06 Javascript
JS实现左右无缝轮播图代码
May 01 Javascript
JavaScript表单焦点自动切换代码
Jul 24 Javascript
jQuery树形插件jquery.simpleTree.js用法分析
Sep 05 Javascript
js原生跨域_用script标签的简单实现
Sep 24 Javascript
原生JS查找元素的方法(推荐)
Nov 22 Javascript
node实现简单的反向代理服务器
Jul 26 Javascript
利用JS判断客户端类型你应该知道的四种方法
Dec 22 Javascript
解决vue打包后刷新页面报错:Unexpected token
Aug 27 Javascript
React.js组件实现拖拽排序组件功能过程解析
Apr 27 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
javascript 小型动画组件与实现代码
2010/06/02 PHP
PHP中通过语义URL防止网站被攻击的方法分享
2011/09/08 PHP
解析PHP中DIRECTORY_SEPARATOR,PATH_SEPARATOR两个常量的作用
2013/06/21 PHP
php计算整个目录大小的方法
2015/06/01 PHP
php实现简单四则运算器
2020/11/29 PHP
Stop SQL Server
2007/06/21 Javascript
javascript 表单的友好用户体现
2009/01/07 Javascript
jQuery库与其他JS库冲突的解决办法
2010/02/07 Javascript
EasyUi tabs的高度与宽度根据IE窗口的变化自适应代码
2010/10/26 Javascript
jquery将一个表单序列化为一个对象的方法
2013/12/02 Javascript
jquery获取tr并更改tr内容示例代码
2014/02/13 Javascript
input:checkbox多选框实现单选效果跟radio一样
2014/06/16 Javascript
jQuery CSS()方法改变现有的CSS样式表
2014/09/09 Javascript
动态加载jQuery的方法
2015/06/16 Javascript
利用jQuery插件imgAreaSelect实现获得选择域的图像信息
2016/12/02 Javascript
JavaScript中this的用法及this在不同应用场景的作用解析
2017/04/13 Javascript
详解React服务端渲染从入门到精通
2019/03/28 Javascript
Vue入门学习笔记【基本概念、对象、过滤器、指令等】
2019/04/13 Javascript
vue 中Virtual Dom被创建的方法
2019/04/15 Javascript
[01:00:52]2018DOTA2亚洲邀请赛 4.4 淘汰赛 EG vs LGD 第一场
2018/04/05 DOTA
Python中条件选择和循环语句使用方法介绍
2013/03/13 Python
Python装饰器使用实例:验证参数合法性
2015/06/24 Python
详解Python网络爬虫功能的基本写法
2016/01/28 Python
Python中绑定与未绑定的类方法用法分析
2016/04/29 Python
python线程、进程和协程详解
2016/07/19 Python
使用pandas中的DataFrame数据绘制柱状图的方法
2018/04/10 Python
Python3如何在Windows和Linux上打包
2020/02/25 Python
matplotlib 对坐标的控制,加图例注释的操作
2020/04/17 Python
CSS3地图动态实例代码(圆圈向外扩散)
2018/06/15 HTML / CSS
CSS+jQuery+PHP+MySQL实现的在线答题功能
2015/04/25 HTML / CSS
物流仓储实习自我鉴定
2013/09/25 职场文书
知识竞赛拉拉队口号
2014/06/16 职场文书
小学校园文化建设汇报材料
2014/08/19 职场文书
2014年招商引资工作总结
2014/11/22 职场文书
2014年共青团工作总结
2014/12/10 职场文书
Vue如何实现组件间通信
2021/05/15 Vue.js