jQuery多個(gè)版本或和其他js庫(kù)沖突主要是常用的$符號(hào)的問(wèn)題,主要解決辦法如下:

堅(jiān)守“ 做人真誠(chéng) · 做事靠譜 · 口碑至上 · 高效敬業(yè) ”的價(jià)值觀,專業(yè)網(wǎng)站建設(shè)服務(wù)10余年為成都辦公窗簾小微創(chuàng)業(yè)公司專業(yè)提供成都定制網(wǎng)站營(yíng)銷網(wǎng)站建設(shè)商城網(wǎng)站建設(shè)手機(jī)網(wǎng)站建設(shè)小程序網(wǎng)站建設(shè)網(wǎng)站改版,從內(nèi)容策劃、視覺設(shè)計(jì)、底層架構(gòu)、網(wǎng)頁(yè)布局、功能開發(fā)迭代于一體的高端網(wǎng)站建設(shè)服務(wù)。
方法一:
script?type="text/javascript"jQuery.noConflict();?//將變量$的控制權(quán)讓渡給prototype.jsjQuery(function(){?//使用jQueryjQuery("p").click(function(){
alert(?jQuery(this).text()?);
});
});
$("pp").style.display?=?'none';?//使用prototype/script
方法二:
script?type="text/javascript"var?$j?=?jQuery.noConflict();?//自定義一個(gè)比較短快捷方式$j(function(){?//使用jQuery$j("p").click(function(){
alert(?$j(this).text()?);
});
});
$("pp").style.display?=?'none';?//使用prototype/script
方法三:
script?type="text/javascript"jQuery.noConflict();?//將變量$的控制權(quán)讓渡給prototype.js(function($){?//定義匿名函數(shù)并設(shè)置形參為$$(function(){?//匿名函數(shù)內(nèi)部的$均為jQuery$("p").click(function(){?//繼續(xù)使用?$?方法alert($(this).text());
});
});
})(jQuery);?//執(zhí)行匿名函數(shù)且傳遞實(shí)參jQuery$("pp").style.display?=?'none';?//使用prototype/script
transport.js 和 jquery 方法:
在 page_header.lbi 庫(kù)文件中加入如下代碼,注意操作順序:
1.先導(dǎo)入transport.js 文件 {insert_scripts files='transport.js,utils.js'}
2.然后導(dǎo)入您網(wǎng)站使用的jquery文件
script language="javascript" src="您的jquery存放路徑"/script
3.加入代碼
script type="text/javascript"
$(function() {
window.__Object_toJSONString = Object.prototype.toJSONString;
delete Object.prototype.toJSONString;
});
/script
jQuery.noConflict([extreme])
概述
運(yùn)行這個(gè)函數(shù)將變量$的控制權(quán)讓渡給第一個(gè)實(shí)現(xiàn)它的那個(gè)庫(kù)。
這有助于確保jQuery不會(huì)與其他庫(kù)的$對(duì)象發(fā)生沖突。 在運(yùn)行這個(gè)函數(shù)后,就只能使用jQuery變量訪問(wèn)jQuery對(duì)象。例如,在要用到$("div p")的地方,就必須換成jQuery("div p")。 '''注意:'''這個(gè)函數(shù)必須在你導(dǎo)入jQuery文件之后,并且在導(dǎo)入另一個(gè)導(dǎo)致沖突的庫(kù)'''之前'''使用。當(dāng)然也應(yīng)當(dāng)在其他沖突的庫(kù)被使用之前,除非jQuery是最后一個(gè)導(dǎo)入的。
參數(shù)
extremeBooleanV1.0
傳入 true 來(lái)允許徹底將jQuery變量還原
示例
描述:
將$引用的對(duì)象映射回原始的對(duì)象。
jQuery 代碼:
jQuery.noConflict();
// 使用 jQuery
jQuery("div p").hide();
// 使用其他庫(kù)的 $()
$("content").style.display = 'none';
描述:
恢復(fù)使用別名$,然后創(chuàng)建并執(zhí)行一個(gè)函數(shù),在這個(gè)函數(shù)的作用域中仍然將$作為jQuery的別名來(lái)使用。在這個(gè)函數(shù)中,原來(lái)的$對(duì)象是無(wú)效的。這個(gè)函數(shù)對(duì)于大多數(shù)不依賴于其他庫(kù)的插件都十分有效。
jQuery 代碼:
jQuery.noConflict();
(function($) {
$(function() {
// 使用 $ 作為 jQuery 別名的代碼
});
})(jQuery);
// 其他用 $ 作為別名的庫(kù)的代碼
描述:
創(chuàng)建一個(gè)新的別名用以在接下來(lái)的庫(kù)中使用jQuery對(duì)象。
jQuery 代碼:
var j = jQuery.noConflict();
// 基于 jQuery 的代碼
j("div p").hide();
// 基于其他庫(kù)的 $() 代碼
$("content").style.display = 'none';
描述:
完全將 jQuery 移到一個(gè)新的命名空間。
jQuery 代碼:
var dom = {};
dom.query = jQuery.noConflict(true);
結(jié)果:
// 新 jQuery 的代碼
dom.query("div p").hide();
// 另一個(gè)庫(kù) $() 的代碼
$("content").style.display = 'none';
// 另一個(gè)版本 jQuery 的代碼
jQuery("div p").hide();
當(dāng)前文章:jqueryjs沖突,js沖突怎么解決
分享路徑:http://chinadenli.net/article9/dseoeoh.html
成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián),為您提供網(wǎng)站維護(hù)、外貿(mào)建站、定制網(wǎng)站、網(wǎng)站導(dǎo)航、關(guān)鍵詞優(yōu)化、App設(shè)計(jì)
聲明:本網(wǎng)站發(fā)布的內(nèi)容(圖片、視頻和文字)以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主,如果涉及侵權(quán)請(qǐng)盡快告知,我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng),如需處理請(qǐng)聯(lián)系客服。電話:028-86922220;郵箱:631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載,或轉(zhuǎn)載時(shí)需注明來(lái)源: 創(chuàng)新互聯(lián)
猜你還喜歡下面的內(nèi)容
網(wǎng)頁(yè)設(shè)計(jì)公司知識(shí)