JQuery下的Live方法和$.browser方法使用代碼
更新時間:2010年06月02日 02:48:25 作者:
網(wǎng)站做好了,老師卻要求要3級菜單,無奈只好去做3級菜單了。這次3級菜單的思路是在原有不變的基礎(chǔ)上,對有3級菜單的ID,選擇進入新的一個控件。在這個新的控件里用ajax去請求其3級目錄里的東西。
復制代碼 代碼如下:
$(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實現(xiàn)select下拉選擇可輸入附源碼下載
一般的select下拉框是不能輸入的,只能供大家選擇,今天小編給大家分享基于jQuery實現(xiàn)select下拉選擇可輸入附源碼下載,需要的朋友參考下2016-02-02
jQuery插件FusionCharts繪制2D雙折線圖效果示例【附demo源碼】
這篇文章主要介紹了jQuery插件FusionCharts繪制2D雙折線圖效果,結(jié)合實例形式分析了jQuery使用FusionCharts結(jié)合xml數(shù)據(jù)載入實現(xiàn)2D雙折線圖繪制的相關(guān)操作技巧,并附帶demo源碼供讀者下載參考,需要的朋友可以參考下2017-04-04

