JQuery下的Live方法和$.browser方法使用代碼
更新時(shí)間：2010年06月02日 02:48:25 作者：
網(wǎng)站做好了，老師卻要求要3級(jí)菜單，無(wú)奈只好去做3級(jí)菜單了。這次3級(jí)菜單的思路是在原有不變的基礎(chǔ)上，對(duì)有3級(jí)菜單的ID，選擇進(jìn)入新的一個(gè)控件。在這個(gè)新的控件里用ajax去請(qǐng)求其3級(jí)目錄里的東西。
復(fù)制代碼 代碼如下:
$(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阻止默認(rèn)a標(biāo)簽跳轉(zhuǎn)，改用ajax請(qǐng)求*/
$("#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標(biāo)簽里的href="?Uid="獲取過(guò)來(lái)是整個(gè)地址，不知道為什么。就用split截取了。。。
$.live()方法是1.3.2新增的的函數(shù)，在1.4.1可以支持自定義事件。具體查api吧。。。
另外關(guān)于live方法的冒泡：
ajax提交獲取過(guò)來(lái)的動(dòng)態(tài)生成的a標(biāo)簽，用Live()方法綁定了click事件。第二次查詢時(shí)會(huì)執(zhí)行2次click事件，冒泡了。用one()方法的話，點(diǎn)擊一次就失效了。
最后用bind方法，在提交按鈕cilick的時(shí)候，Unbind()取消綁定。就可以了。
相關(guān)文章
ImgAreaSelect是一jQuery插件，它支持用戶通過(guò)鼠標(biāo)拖曳選擇圖片的一部分，非常的fashion。另外，可以在這個(gè)選擇圖像區(qū)域的基礎(chǔ)上應(yīng)用網(wǎng)站的其他一些技術(shù)，比如圖片拖曳、圖片編輯等。2011-10-10
這篇文章主要介紹了jquery淡入淡出效果簡(jiǎn)單實(shí)現(xiàn)方法,以完整實(shí)例形式分析了jQuery中fadeIn及fadeOut實(shí)現(xiàn)淡入淡出的相關(guān)技巧,需要的朋友可以參考下2016-01-01
juqery 學(xué)習(xí)之五 文檔處理 包裹、替換、刪除、復(fù)制
這個(gè)函數(shù)的原理是檢查提供的第一個(gè)元素（它是由所提供的HTML標(biāo)記代碼動(dòng)態(tài)生成的），并在它的代碼結(jié)構(gòu)中找到最上層的祖先元素－－這個(gè)祖先元素就是包裹元素。2011-02-02
基于jQuery實(shí)現(xiàn)滾動(dòng)刷新效果
這篇文章主要為大家詳細(xì)介紹了基于jQuery實(shí)現(xiàn)滾動(dòng)刷新效果，使用Ajax獲取后臺(tái)數(shù)據(jù)更新前端頁(yè)面，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2017-01-01
jquery實(shí)現(xiàn)像柵欄一樣左右滑出式二級(jí)菜單效果代碼
這篇文章主要介紹了jquery實(shí)現(xiàn)像柵欄一樣左右滑出式二級(jí)菜單效果代碼,涉及jquery鼠標(biāo)click點(diǎn)擊事件及頁(yè)面元素動(dòng)態(tài)操作的相關(guān)技巧,非常具有實(shí)用價(jià)值,需要的朋友可以參考下2015-08-08
這篇文章主要介紹了jquery分割字符串的方法,涉及jQuery中使用split方法進(jìn)行字符串分割的相關(guān)技巧,需要的朋友可以參考下2015-06-06
jquery瀏覽器滾動(dòng)加載技術(shù)實(shí)現(xiàn)方案
Google閱讀器上有一個(gè)AJAX效果很不錯(cuò)，就是閱讀項(xiàng)目時(shí)不需要翻頁(yè)，瀏覽器滾動(dòng)條往下拉到一定位置時(shí)自動(dòng)加載新的一批項(xiàng)目進(jìn)來(lái)，一直到所有項(xiàng)目加載完為止。對(duì)于我來(lái)說(shuō)再好不過(guò)了，因?yàn)槲液懿幌矚g翻頁(yè)，尤其是輸入頁(yè)碼再定位到頁(yè)。2014-06-06
jQuery插件PageSlide實(shí)現(xiàn)左右側(cè)欄導(dǎo)航菜單
jQuery pageSlide 是一個(gè)可以讓網(wǎng)頁(yè)出現(xiàn)滾動(dòng)效果的jQuery插件，它可以控制一個(gè)隱藏頁(yè)面的顯示和關(guān)閉。具體來(lái)說(shuō)，就是當(dāng)前頁(yè)占一個(gè)完整頁(yè)面，隱藏頁(yè)是看不到的，你設(shè)置一個(gè)控制的地方，點(diǎn)擊該控制時(shí)觸發(fā)事件，隱藏的頁(yè)面就滑出來(lái)，再次點(diǎn)擊隱藏頁(yè)面以外的地方，它就又關(guān)閉2015-04-04
jQuery Dialog對(duì)話框事件用法實(shí)例分析
這篇文章主要介紹了jQuery Dialog對(duì)話框事件用法,結(jié)合實(shí)例形式分析了Dialog對(duì)話框?qū)崿F(xiàn)的靜態(tài)提示類對(duì)話框、動(dòng)態(tài)提示類對(duì)話框以及遮罩類對(duì)話框的概念、使用方法與相關(guān)注意事項(xiàng),需要的朋友可以參考下2016-05-05
為jQuery.Treeview添加右鍵菜單的實(shí)現(xiàn)代碼
jquery.treeview 數(shù)據(jù)通過(guò)JSON數(shù)據(jù)加載，有需要的朋友，可以通jquery的AJAX方法獲取相關(guān)的JSON數(shù)據(jù)。2010-10-10