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

更新時間：2010年06月02日 02:48:25 作者：

網(wǎng)站做好了，老師卻要求要3級菜單，無奈只好去做3級菜單了。這次3級菜單的思路是在原有不變的基礎上，對有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>&nbsp;<img src=\"images/ajax-loader.gif\" />&nbsp;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吧。。。

另外關于live方法的冒泡：

ajax提交獲取過來的動態(tài)生成的a標簽，用Live()方法綁定了click事件。第二次查詢時會執(zhí)行2次click事件，冒泡了。用one()方法的話，點擊一次就失效了。

最后用bind方法，在提交按鈕cilick的時候，Unbind()取消綁定。就可以了。

您可能感興趣的文章:

JQuery
Live

imgAreaSelect 中文文檔幫助說明
ImgAreaSelect是一jQuery插件，它支持用戶通過鼠標拖曳選擇圖片的一部分，非常的fashion。另外，可以在這個選擇圖像區(qū)域的基礎上應用網(wǎng)站的其他一些技術，比如圖片拖曳、圖片編輯等。
2011-10-10
jquery淡入淡出效果簡單實例
這篇文章主要介紹了jquery淡入淡出效果簡單實現(xiàn)方法,以完整實例形式分析了jQuery中fadeIn及fadeOut實現(xiàn)淡入淡出的相關技巧,需要的朋友可以參考下
2016-01-01
juqery 學習之五文檔處理包裹、替換、刪除、復制
這個函數(shù)的原理是檢查提供的第一個元素（它是由所提供的HTML標記代碼動態(tài)生成的），并在它的代碼結構中找到最上層的祖先元素－－這個祖先元素就是包裹元素。
2011-02-02
基于jQuery實現(xiàn)滾動刷新效果
這篇文章主要為大家詳細介紹了基于jQuery實現(xiàn)滾動刷新效果，使用Ajax獲取后臺數(shù)據(jù)更新前端頁面，具有一定的參考價值，感興趣的小伙伴們可以參考一下
2017-01-01
jquery實現(xiàn)像柵欄一樣左右滑出式二級菜單效果代碼
這篇文章主要介紹了jquery實現(xiàn)像柵欄一樣左右滑出式二級菜單效果代碼,涉及jquery鼠標click點擊事件及頁面元素動態(tài)操作的相關技巧,非常具有實用價值,需要的朋友可以參考下
2015-08-08
jquery分割字符串的方法
這篇文章主要介紹了jquery分割字符串的方法,涉及jQuery中使用split方法進行字符串分割的相關技巧,需要的朋友可以參考下
2015-06-06
jquery瀏覽器滾動加載技術實現(xiàn)方案
Google閱讀器上有一個AJAX效果很不錯，就是閱讀項目時不需要翻頁，瀏覽器滾動條往下拉到一定位置時自動加載新的一批項目進來，一直到所有項目加載完為止。對于我來說再好不過了，因為我很不喜歡翻頁，尤其是輸入頁碼再定位到頁。
2014-06-06
jQuery插件PageSlide實現(xiàn)左右側欄導航菜單
jQuery pageSlide 是一個可以讓網(wǎng)頁出現(xiàn)滾動效果的jQuery插件，它可以控制一個隱藏頁面的顯示和關閉。具體來說，就是當前頁占一個完整頁面，隱藏頁是看不到的，你設置一個控制的地方，點擊該控制時觸發(fā)事件，隱藏的頁面就滑出來，再次點擊隱藏頁面以外的地方，它就又關閉
2015-04-04
jQuery Dialog對話框事件用法實例分析
這篇文章主要介紹了jQuery Dialog對話框事件用法,結合實例形式分析了Dialog對話框?qū)崿F(xiàn)的靜態(tài)提示類對話框、動態(tài)提示類對話框以及遮罩類對話框的概念、使用方法與相關注意事項,需要的朋友可以參考下
2016-05-05
為jQuery.Treeview添加右鍵菜單的實現(xiàn)代碼
jquery.treeview 數(shù)據(jù)通過JSON數(shù)據(jù)加載，有需要的朋友，可以通jquery的AJAX方法獲取相關的JSON數(shù)據(jù)。
2010-10-10