ECSHOP與JQUERY沖突的問題由來已久，網(wǎng)上很多解決方法比較繁瑣，而且在某些地方還會出錯，如產(chǎn)品比較功能等，本文中的方法結(jié)合了網(wǎng)上最新公開文章與本人實際開發(fā)的經(jīng)驗，基本上可完美解決ECSHOP與JQUERY的沖突。經(jīng)測試，兼容ECSHOP原有所有的功能，包括產(chǎ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庫文件到模板目錄中，如：
/js/jquery.1.5.2.js
如果你的模板中沒有對應(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對象用jQuery，不要用$，因為一個$與ECSHOP原有的函數(shù)同名有兼容問題。

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

但恰恰的，在封裝JSON各種方法的同時對object的模型進行了重寫，這個就跟jQuery沖突了。因為眾所周知的，jQuery對各種JavaScript對象進行了擴展。

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

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

為了照顧下小菜們，就寫詳細點吧。

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

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

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

修改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、<!———–路徑修改———–>

修改后臺頭部引入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"}

 三，修改前臺模板部分

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文件加載前加載,否則會報錯—–>

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’}