欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

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

 更新時間:2010年06月02日 02:48:25   作者:  
網(wǎng)站做好了,老師卻要求要3級菜單,無奈只好去做3級菜單了。這次3級菜單的思路是在原有不變的基礎(chǔ)上,對有3級菜單的ID,選擇進入新的一個控件。在這個新的控件里用ajax去請求其3級目錄里的東西。

復(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阻止默認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吧。。。

另外關(guān)于live方法的冒泡:

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

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

相關(guān)文章

  • 基于jQuery的上下無縫滾動應(yīng)用(單行或多行)

    基于jQuery的上下無縫滾動應(yīng)用(單行或多行)

    基于jQuery的上下無縫滾動應(yīng)用,可應(yīng)用于多行或者單行.詳解請參考注釋.
    2010-08-08
  • JQuery UI皮膚定制

    JQuery UI皮膚定制

    JQuery UI有著非常豐富的皮膚,JQuery官方提供的就有十幾套,除了官方提供的之外,JQuery還提供了定制皮膚的服務(wù)
    2009-07-07
  • 拉動滾動條加載數(shù)據(jù)的jquery代碼

    拉動滾動條加載數(shù)據(jù)的jquery代碼

    拉動滾動條加載數(shù)據(jù)的jquery代碼,需要的朋友可以參考下
    2012-05-05
  • Jquery實現(xiàn)圖片預(yù)加載與延時加載的方法

    Jquery實現(xiàn)圖片預(yù)加載與延時加載的方法

    這篇文章主要介紹了Jquery實現(xiàn)圖片預(yù)加載與延時加載的方法,分別介紹了原生javascript與jQuery插件實現(xiàn)圖片的預(yù)加載及延遲加載的方法,具有一定的參考借鑒價值,需要的朋友可以參考下
    2014-12-12
  • jQuery學(xué)習(xí)筆記之2個小技巧

    jQuery學(xué)習(xí)筆記之2個小技巧

    這篇文章主要介紹了jQuery學(xué)習(xí)筆記之2個小技巧,1.jQuery功能函數(shù)前綴,2.解決window.onload函數(shù)沖突,非常不錯,推薦給小伙伴參考下
    2015-01-01
  • 利用JQuery阻止事件冒泡

    利用JQuery阻止事件冒泡

    冒泡事件就是點擊子節(jié)點,會向上觸發(fā)父節(jié)點,祖先節(jié)點的點擊事件。本文主要介紹JQuery阻止事件冒泡的實例解析。需要的朋友來看下吧
    2016-12-12
  • 基于jQuery實現(xiàn)select下拉選擇可輸入附源碼下載

    基于jQuery實現(xiàn)select下拉選擇可輸入附源碼下載

    一般的select下拉框是不能輸入的,只能供大家選擇,今天小編給大家分享基于jQuery實現(xiàn)select下拉選擇可輸入附源碼下載,需要的朋友參考下
    2016-02-02
  • JQuery實現(xiàn)動態(tài)漂浮廣告

    JQuery實現(xiàn)動態(tài)漂浮廣告

    這篇文章主要為大家詳細介紹了JQuery實現(xiàn)動態(tài)漂浮廣告,文中示例代碼介紹的非常詳細,具有一定的參考價值,感興趣的小伙伴們可以參考一下
    2022-03-03
  • 談?wù)刯Query Ajax用法詳解

    談?wù)刯Query Ajax用法詳解

    jQuery 底層 AJAX 實現(xiàn)。簡單易用的高層實現(xiàn)見 $.get, $.post 等。$.ajax() 返回其創(chuàng)建的 XMLHttpRequest 對象。大多數(shù)情況下你無需直接操作該函數(shù),除非你需要操作不常用的選項,以獲得更多的靈活性,本文給大家介紹jquery ajax用法詳解,感興趣的朋友一起學(xué)習(xí)吧
    2015-11-11
  • jQuery插件FusionCharts繪制2D雙折線圖效果示例【附demo源碼】

    jQuery插件FusionCharts繪制2D雙折線圖效果示例【附demo源碼】

    這篇文章主要介紹了jQuery插件FusionCharts繪制2D雙折線圖效果,結(jié)合實例形式分析了jQuery使用FusionCharts結(jié)合xml數(shù)據(jù)載入實現(xiàn)2D雙折線圖繪制的相關(guān)操作技巧,并附帶demo源碼供讀者下載參考,需要的朋友可以參考下
    2017-04-04

最新評論