Ecshop與Jquery衝突的完美解決方案

ecshop把AJAX事件和JSON解析的模塊放在common/transport.js之中，能夠說它也有本身封裝的一套工具，這實際上是很正常的。

 

但偏偏的，在封裝JSON各類方法的同時對object的模型進行了重寫，這個就跟jQuery衝突了。由於衆所周知的，jQuery對各類JavaScript對象進行了擴展。

 

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

 

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

 

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

 

 

一，修改默認js文件

 

 

一、首先複製一份 transport.js 更名爲 transport.org.js 提供給後臺使用

 

 

二、屏蔽掉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]);

}

三、修改index.js文件44行改成:

 

var res = $.evalJSON(result);

 

 

四、修改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’);

 

五、修改compare.js文件

第49行改成:

 

 this.data = $.evalJSON(cookieValue);

 

第67行改成:

 

 var obj = $.evalJSON(cookieValue);

 

第133行改成:

 

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

 

六、修改global.js文件

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

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

 

 

二，修改後臺調用部分

 

 

 

七、<!&mdash;&mdash;&mdash;&ndash;路徑修改&mdash;&mdash;&mdash;&ndash;>

修 改後臺頭部引入transport.js路徑 admin/templates/pageheader.htm 第9行改成: {insert_scripts files=&rdquo;../js/transport.org.js,common.js&rdquo;}

 

admin/templates/menu.htm

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

 

 

 

  三，修改前臺模板部分

 

 

八、修改themes/default/library/page_header.lbi文件在{insert_scripts files=&rsquo;transport.js,utils.js&rsquo;}上面加上以下代碼

{insert_scripts files=&rsquo;jquery.js,jquery.json.js&rsquo;}

 

 

九、<!&mdash;&ndash;修改文件&mdash;&ndash;>

library/comment_list.lbi

第188行 :

 

 Ajax.call(&lsquo;comment.php&rsquo;, &lsquo;cmt=&rsquo; + $.toJSON(cmt), commentResponse, &lsquo;POST&rsquo;, &lsquo;JSON&rsquo;);

 

 

十、compare.dwt

第20行 :

 

var obj = $.evalJSON(document.getCookie(&ldquo;compareItems&rdquo;));

 

第24行 :

 

document.setCookie(&ldquo;compareItems&rdquo;, $.toJSON(obj));

 

 

十一、flow.dwt

第138行 :

 

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

 

第199行 :

 

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

 

 

十二、<!&mdash;&ndash;jquery文件需置頂的dwt文件&mdash;-jquery.js文件須要在compare.js文件加載前加載,不然會報錯&mdash;&ndash;>

 

brand.dwt

brand_list.dwt

category.dwt

exchange_list.dwt

search.dwt

 

如:

{* 包含腳本文件 *}

{insert_scripts files=&rsquo;jquery.js,jquery.json.js&rsquo;}

{insert_scripts files=&rsquo;common.js,global.js,compare.js&rsquo;}

 

 

一，修改默認js文件

 

 

一、首先複製一份 transport.js 更名爲 transport.org.js 提供給後臺使用

 

 

二、屏蔽掉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]);

}

三、修改index.js文件44行改成:

 

var res = $.evalJSON(result);

 

 

四、修改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’);

 

五、修改compare.js文件

第49行改成:

 

 this.data = $.evalJSON(cookieValue);

 

第67行改成:

 

 var obj = $.evalJSON(cookieValue);

 

第133行改成:

 

 document.setCookie(「compareItems」, $.toJSON(this.data));

 

六、修改global.js文件

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

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

 

 

二，修改後臺調用部分

 

 

 

七、

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

 

 

 

  三，修改前臺模板部分

 

 

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

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

 

 

九、

library/comment_list.lbi

第188行 :

 

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

 

 

十、compare.dwt

第20行 :

 

var obj = $.evalJSON(document.getCookie(「compareItems」));

 

第24行 :

 

document.setCookie(「compareItems」, $.toJSON(obj));

 

 

十一、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’);

 

 

十二、

 

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

附件爲ecshop已經修改好的js文件：
ecshopjs