ECSHOP與JQUERY沖突的問(wèn)題由來(lái)已久，網(wǎng)上很多解決方法比較繁瑣，而且在某些地方還會(huì)出錯(cuò)，如產(chǎn)品比較功能等，本文中的方法結(jié)合了網(wǎng)上最新公開(kāi)文章與本人實(shí)際開(kāi)發(fā)的經(jīng)驗(yàn)，基本上可完美解決ECSHOP與JQUERY的沖突。經(jīng)測(cè)試，兼容ECSHOP原有所有的功能，包括產(chǎn)品比較功能，而且修改步驟簡(jiǎn)單明了：

1、修改文件：/js/transport.js

在文件最底部增加代碼：

if (Object.prototype.toJSONString){var oldToJSONString = Object.toJSONString;Object.prototype.toJSONString = function(){ if (arguments.length > 0){return false;} else {return oldToJSONString.apply(this, arguments); } } }

2、修改文件:/js/compare.js
查找代碼：

this.timer = window.setInterval(this.relocation.bind(this), 50);

修改為：

this.timer = window.setInterval(this.bind(this.relocation,this), 50);

查找代碼：

lastScrollY : 0

在代碼上面一行增加代碼：

bind : function(obj1,obj2) {return function() {obj1.apply(obj2, arguments);} },

3、在以下模板文件中，找到嵌入global.js文件的代碼，刪除嵌入global.js
brand.dwt
brand_list.dwt
category.dwt
exchange_list.dwt
search.dwt

4、下載最新版的jquery庫(kù)文件到模板目錄中，如：
/js/jquery.1.5.2.js
如果你的模板中沒(méi)有對(duì)應(yīng)目錄，則新建目錄拷入jquery文件即可
5、修改文件：/themes/temlatename/library/page_header.lbi
在頂部加入代碼：

<script src="/js/jquery.1.5.2.min.js" type="text/javascript"></script>
<script type="text/javascript">jQuery.noConflict();</script>

注意，以后調(diào)用JQUERY對(duì)象用jQuery，不要用$，因?yàn)橐粋€(gè)$與ECSHOP原有的函數(shù)同名有兼容問(wèn)題。

6、修改完畢！放心使用你的JQUERY特效吧

但恰恰的，在封裝JSON各種方法的同時(shí)對(duì)object的模型進(jìn)行了重寫(xiě)，這個(gè)就跟jQuery沖突了。因?yàn)楸娝苤?，jQuery對(duì)各種JavaScript對(duì)象進(jìn)行了擴(kuò)展。

這一切其實(shí)都很容易理解，各有各的理由十分自然，但頭痛和無(wú)奈的就變得在我們這些使用者身上了。在ECShop論壇上原來(lái)也有很多朋友提出了這個(gè)問(wèn)題，也提出了各種各樣的方法，我嘗試了一些，不好或者甚至無(wú)用，所以只好自己動(dòng)手了。

解決思路大概就是屏蔽ECshop擴(kuò)展的toJSONString方法，用別的函數(shù)代替。

為了照顧下小菜們，就寫(xiě)詳細(xì)點(diǎn)吧。

1、首先復(fù)制一份 transport.js 改名為 transport.org.js 提供給后臺(tái)使用

2、屏蔽掉transport.js里的toJSON功能 行數(shù)大概有497-737行之間

由if ( ! Object.prototype.toJSONString) { 開(kāi)頭的代碼。

修改352行為:

 legalParams = “JSON=” + $.toJSON(params);

修改408行為:

result = $.evalJSON(result);

屏蔽掉global.js里的如下代碼（第10-13行）:

Object.prototype.extend = function(object)

{

  return Object.extend.apply(this, [this, object]);

}

3、修改index.js文件44行改為:

var res = $.evalJSON(result);

4、修改common.js文件

第34行改為:

Ajax.call(‘flow.php?step=add_to_cart’, ‘goods=’ + $.toJSON(goods), addToCartResponse, ‘POST’, ‘JSON’);

第850行改為:

Ajax.call(‘flow.php?step=add_package_to_cart’, ‘package_info=’ + $.toJSON(package_info), addPackageToCartResponse, ‘POST’, ‘JSON’);

第1056行改為:

Ajax.call(‘flow.php?step=add_to_cart’, ‘goods=’ + $.toJSON(goods), addToCartResponse, ‘POST’, ‘JSON’);

5、修改compare.js文件

第49行改為:

 this.data = $.evalJSON(cookieValue);

第67行改為:

 var obj = $.evalJSON(cookieValue);

第133行改為:

 document.setCookie(“compareItems”, $.toJSON(this.data));

6、修改global.js文件

第16行改函數(shù)名 :function $e()

第114和126行都改為:    var element = $e(element);

7、<!———–路徑修改———–>

修改后臺(tái)頭部引入transport.js路徑 admin/templates/pageheader.htm 第9行改為: {insert_scripts files=”../js/transport.org.js,common.js”}

admin/templates/menu.htm

151行改成 {insert_scripts files="../js/global.js,../js/utils.js,../js/transport.org.js"}

 三，修改前臺(tái)模板部分

8、修改themes/default/library/page_header.lbi文件在{insert_scripts files=’transport.js,utils.js’}上面加上如下代碼

{insert_scripts files=’jquery.js,jquery.json.js’}

9、<!—–修改文件—–>

library/comment_list.lbi

第188行 :

 Ajax.call(‘comment.php’, ‘cmt=’ + $.toJSON(cmt), commentResponse, ‘POST’, ‘JSON’);

10、compare.dwt

第20行 :

var obj = $.evalJSON(document.getCookie(“compareItems”));

第24行 :

document.setCookie(“compareItems”, $.toJSON(obj));

11、flow.dwt

第138行 :

Ajax.call(‘flow.php?step=add_to_cart’, ‘goods=’ + $.toJSON(goods), collect_to_flow_response, ‘POST’, ‘JSON’);

第199行 :

 Ajax.call(‘flow.php?step=add_to_cart’, ‘goods=’ + $.toJSON(goods), fittings_to_flow_response, ‘POST’, ‘JSON’);

12、<!—–jquery文件需置頂?shù)膁wt文件—-jquery.js文件需要在compare.js文件加載前加載,否則會(huì)報(bào)錯(cuò)—–>

brand.dwt

brand_list.dwt

category.dwt

exchange_list.dwt

search.dwt

如:

{* 包含腳本文件 *}

{insert_scripts files=’jquery.js,jquery.json.js’}

{insert_scripts files=’common.js,global.js,compare.js’}