JQuery下的Live方法和$.browser方法使用代碼
$(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標簽跳轉(zhuǎn),改用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方法有如下參數(shù),返回true或者false:
safari
opera
msie
mozilla
是這里引用瀏覽器判斷,是由于在IE6.0和7.0中a標簽里的href="?Uid="獲取過來是整個地址,不知道為什么。就用split截取了。。。
$.live()方法是1.3.2新增的的函數(shù),在1.4.1可以支持自定義事件。具體查api吧。。。
另外關(guān)于live方法的冒泡:
ajax提交獲取過來的動態(tài)生成的a標簽,用Live()方法綁定了click事件。第二次查詢時會執(zhí)行2次click事件,冒泡了。用one()方法的話,點擊一次就失效了。
最后用bind方法,在提交按鈕cilick的時候,Unbind()取消綁定。就可以了。
相關(guān)文章
基于jQuery的上下無縫滾動應(yīng)用(單行或多行)
基于jQuery的上下無縫滾動應(yīng)用,可應(yīng)用于多行或者單行.詳解請參考注釋.2010-08-08Jquery實現(xiàn)圖片預(yù)加載與延時加載的方法
這篇文章主要介紹了Jquery實現(xiàn)圖片預(yù)加載與延時加載的方法,分別介紹了原生javascript與jQuery插件實現(xiàn)圖片的預(yù)加載及延遲加載的方法,具有一定的參考借鑒價值,需要的朋友可以參考下2014-12-12基于jQuery實現(xiàn)select下拉選擇可輸入附源碼下載
一般的select下拉框是不能輸入的,只能供大家選擇,今天小編給大家分享基于jQuery實現(xiàn)select下拉選擇可輸入附源碼下載,需要的朋友參考下2016-02-02jQuery插件FusionCharts繪制2D雙折線圖效果示例【附demo源碼】
這篇文章主要介紹了jQuery插件FusionCharts繪制2D雙折線圖效果,結(jié)合實例形式分析了jQuery使用FusionCharts結(jié)合xml數(shù)據(jù)載入實現(xiàn)2D雙折線圖繪制的相關(guān)操作技巧,并附帶demo源碼供讀者下載參考,需要的朋友可以參考下2017-04-04