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 相关文章推荐
dreamweaver 8实现Jquery自动提示
Dec 04 Javascript
用jQuery向div中添加Html文本内容的简单实现
Jul 13 Javascript
使用Curl命令查看请求响应时间方法
Nov 04 Javascript
JS+Canvas实现的俄罗斯方块游戏完整实例
Dec 12 Javascript
JS中的三个循环小结
Jun 20 Javascript
jQuery模拟12306城市选择框功能简单实现方法示例
Aug 13 jQuery
webpack之引入图片的实现及问题
Oct 08 Javascript
vue基于两个计算属性实现选中和全选功能示例
Feb 08 Javascript
浅谈Node框架接入ELK实践总结
Feb 22 Javascript
layui动态加载多表头的实例
Sep 05 Javascript
layui中select,radio设置不生效的解决方法
Sep 05 Javascript
Vue+Java+Base64实现条码解析的示例
Sep 23 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
为IP查询添加GOOGLE地图功能的代码
2010/08/08 PHP
深入php list()函数的详解
2013/06/05 PHP
php中stream(流)的用法
2014/03/25 PHP
php使用Jpgraph绘制柱形图的方法
2015/06/10 PHP
Discuz!X中SESSION机制实例详解
2015/09/23 PHP
php实现图片上传、剪切功能
2016/05/07 PHP
PHP中字符与字节的区别及字符串与字节转换示例
2016/10/15 PHP
PHP JWT初识及其简单示例
2018/10/10 PHP
PHP array_shift()用法实例分析
2019/01/07 PHP
php中的钩子理解及应用实例分析
2019/08/30 PHP
laravel框架查询数据集转为数组的两种方法
2019/10/10 PHP
Swoole源码中如何查询Websocket的连接问题详解
2020/08/30 PHP
js监听输入框值的即时变化onpropertychange、oninput
2011/07/13 Javascript
js/ajax跨越访问-jsonp的原理和实例(javascript和jquery实现代码)
2012/12/27 Javascript
利用CSS、JavaScript及Ajax实现高效的图片预加载
2013/10/16 Javascript
详解PHP中pathinfo()函数导致的安全问题
2017/01/05 Javascript
使用BootStrap进行轮播图的制作
2017/01/06 Javascript
js时间戳和c#时间戳互转方法(推荐)
2017/02/15 Javascript
JavaScript 有用的代码片段和 trick
2018/02/22 Javascript
jQuery中将json数据显示到页面表格的方法
2018/05/27 jQuery
vue实现自定义日期组件功能的实例代码
2018/11/06 Javascript
Node.js学习教程之Module模块
2019/09/03 Javascript
Vue 实例中使用$refs的注意事项
2021/01/29 Vue.js
python快速查找算法应用实例
2014/09/26 Python
在Linux命令行终端中使用python的简单方法(推荐)
2017/01/23 Python
twilio python自动拨打电话,播放自定义mp3音频的方法
2019/08/08 Python
Python中顺序表原理与实现方法详解
2019/12/03 Python
matplotlib grid()设置网格线外观的实现
2021/02/22 Python
HTML5 Canvas中绘制矩形实例
2015/01/01 HTML / CSS
世界上最大的汽车共享网站:Zipcar
2017/01/14 全球购物
酒店管理专业学生求职信
2013/09/27 职场文书
房地产还款计划书
2014/01/10 职场文书
高等教育学自荐书范文
2014/02/10 职场文书
《小小雨点》教学反思
2014/02/18 职场文书
红色旅游心得体会
2014/09/03 职场文书
单位单身证明样本
2014/10/11 职场文书