DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁腳本 >> JavaScript入門知識 >> jQuery入門知識 >> JQuery特效代碼 >> JQuery下的Live方法和$.browser方法使用代碼
JQuery下的Live方法和$.browser方法使用代碼
編輯:JQuery特效代碼     

代碼如下:
$(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()取消綁定。就可以了。

XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved