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 相关文章推荐
suggestion开发小结以及对键盘事件的总结(针对中文输入法状态)
Dec 20 Javascript
Javascript数组的排序 sort()方法和reverse()方法
Jun 04 Javascript
JavaScript实现生成GUID(全局统一标识符)
Sep 05 Javascript
node-webkit打包成exe文件被360误报木马的解决方法
Mar 11 Javascript
AngularJS页面访问时出现页面闪烁问题的解决
Mar 06 Javascript
JS模态窗口返回值兼容问题的完美解决方法
May 28 Javascript
js发送短信倒计时的简单实现方法
Sep 08 Javascript
原生js封装的一些jquery方法(详解)
Sep 20 Javascript
详解js产生对象的3种基本方式(工厂模式,构造函数模式,原型模式)
Jan 09 Javascript
使用vuex缓存数据并优化自己的vuex-cache
May 30 Javascript
React Router V4使用指南(精讲)
Sep 17 Javascript
js函数和this用法实例分析
Mar 13 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
PHPUnit PHP测试框架安装方法
2011/03/23 PHP
PHP函数之error_reporting(E_ALL ^ E_NOTICE)详细说明
2011/07/01 PHP
php操作JSON格式数据的实现代码
2011/12/24 PHP
java模拟PHP的pack和unpack类
2016/04/13 PHP
PHP有序表查找之插值查找算法示例
2018/02/10 PHP
laravel 自定义常量的两种方案
2019/10/14 PHP
JS 用6N±1法求素数 实例教程
2009/10/20 Javascript
利用js实现选项卡的特别效果的实例
2013/03/03 Javascript
JavaScript表达式:URL 协议介绍
2013/03/10 Javascript
AngularJS iframe跨域打开内容时报错误的解决办法
2015/01/26 Javascript
深入解析JavaScript编程中的this关键字使用
2015/11/09 Javascript
JavaScript交换两个变量值的七种解决方案
2016/12/01 Javascript
Angular-Ui-Router+ocLazyLoad动态加载脚本示例
2017/03/02 Javascript
vue2.0$nextTick监听数据渲染完成之后的回调函数方法
2018/09/11 Javascript
vuejs中监听窗口关闭和窗口刷新事件的方法
2018/09/21 Javascript
在Vue环境下利用worker运行interval计时器的步骤
2019/08/01 Javascript
JS阻止事件冒泡的方法详解
2019/08/26 Javascript
vue遍历对象中的数组取值示例
2019/11/07 Javascript
python使用PythonMagick将jpg图片转换成ico图片的方法
2015/03/26 Python
浅谈Django自定义模板标签template_tags的用处
2017/12/20 Python
pytorch获取vgg16-feature层输出的例子
2019/08/20 Python
利用python实现冒泡排序算法实例代码
2019/12/01 Python
Pycharm 使用 Pipenv 新建的虚拟环境(图文详解)
2020/04/16 Python
tensorflow dataset.shuffle、dataset.batch、dataset.repeat顺序区别详解
2020/06/03 Python
Keras:Unet网络实现多类语义分割方式
2020/06/11 Python
CSS的pointer-events属性详细介绍(作用和注意事项)
2014/04/23 HTML / CSS
详解CSS3中nth-child与nth-of-type的区别
2017/01/05 HTML / CSS
Street One瑞士:德国现代时装公司
2019/10/09 全球购物
Hammitt官网:设计师手袋
2020/05/23 全球购物
商务助理求职信范文
2014/04/20 职场文书
社区健康教育工作方案
2014/06/03 职场文书
迎新生晚会主持词
2015/06/30 职场文书
2016党员干部政治学习心得体会
2016/01/23 职场文书
八年级作文之感悟亲情
2019/11/20 职场文书
SQL实现LeetCode(196.删除重复邮箱)
2021/08/07 MySQL
JavaScript函数柯里化
2021/11/07 Javascript