jquery的兩個(gè)不同的JS文件沖突怎么辦

jQuery.noConflict([extreme])

創(chuàng)新互聯(lián)主營(yíng)蠡縣網(wǎng)站建設(shè)的網(wǎng)絡(luò)公司,主營(yíng)網(wǎng)站建設(shè)方案,重慶APP開發(fā),蠡縣h5小程序開發(fā)搭建,蠡縣網(wǎng)站營(yíng)銷推廣歡迎蠡縣等地區(qū)企業(yè)咨詢

概述

運(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();

解決原生JS與JQ沖突的問(wèn)題！

$沖突解決方法核心就是調(diào)用$.noConflict();

//方法1: 在代碼最前面寫如下代碼. 即可釋放$符號(hào)的使用權(quán).使用jQuery代替$

jQuery.noConflict();

后面如果要使用jQuery的函數(shù),那么用jQuery 來(lái)替代 $

// 方法2: 在代碼最前面寫如下代碼; 自定義訪問(wèn)符

var jq=$.noConflict();

后面如果要使用jQuery的函數(shù),那么用jq來(lái)替代 $

怎么解決Ecshop中js與jquery的沖突

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