Ecshop與Jquery衝突的解決方案2

ECShop把AJAX事件和JSON解析的模塊放在common/transport.js之中,可以說它也有自己封裝的一套工具,這其實是很正常的。
但恰恰的,在封裝JSON各種方法的同時對object的模型進行了重寫,這個就跟jQuery衝突了。因爲衆所周知的,jQuery對各種JavaScript對象進行了擴展。
這一切其實都很容易理解,各有各的理由十分自然,但頭痛和無奈的就變得在我們這些使用者身上了。在ECShop論壇上原來也有很多朋友提出了這個問題,也提出了各種各樣的方法,我嘗試了一些,不好或者甚至無用,所以只好自己動手了。
解決思路大概就是屏蔽ECshop擴展的toJSONString方法,用別的函數代替。
爲了照顧下小菜們,就寫詳細點吧。
1、首先複製一份 transport.js 改名爲 transport.org.js 提供給後臺使用
2、屏蔽掉transport.js裏的toJSON功能,
註釋掉行數大概在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行改函數名 :function e()114126:varelement= 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文件需置頂的dwt文件—-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'}

transport.js 文件中 $.evalJSON(result);要用到jquery.json.js,有用到parseResult()方法的地方需要載入jquery.js 和jquery.json.js。解決transport.js/parseResult() error: can’t parse to JSON. when calling method: [nsIDOMEventListener::handleEvent]問題。

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章