提供了编程的基础技术教程

zl程序教程

您现在的位置是：首页 >  前端

当前栏目

JQuery下的Live方法和$.browser方法使用代码

jQuery方法代码 使用 Live Browser
2023-06-13 09:14:19 时间

复制代码代码如下:


$(function(){
Ajaxload("?Uid=1<%=Yan.GET_Dict(id,8,TableName)%>")
$("#ThreeMa:first").addClass("addBg");
$(".pageP2a").live("click",function(){varNewUrl=$(this).attr("href");if(jQuery.browser.msie){varIE=$.browser.version;if(IE=="7.0"||IE=="6.0"){NewUrl="?"+NewUrl.split("?")[1]}};Ajaxload(NewUrl);returnfalse;});/*returnfalse阻止默认a标签跳转，改用ajax请求*/
$("#ThreeMa").click(function(){
if(!$(this).hasClass("addBg")){$("#ThreeMa").removeClass("addBg");$(this).addClass("addBg")}
varUrl="?Uid=1"+$(this).attr("id");
Ajaxload(Url);
})
})
functionAjaxload(parm)
{
$.ajax({
type:"GET",
url:"/stus/3th.aspx"+parm,
cache:false,
beforeSend:function(){$("#Three").html("<div> <imgsrc=\"images/ajax-loader.gif\"/> load...</div>")},
success:function(msg){
$("#Three").html(msg);
},
error:function(){$("#Three").html("Loadfailure...")}
});
}

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()取消绑定。就可以了。

相关文章