Ecshop与Jquery冲突的解决办法

ecshop 居然与 jquery 冲突,实在杯具。
网上一搜大多说是 transport.js 的Object.prototype.toJSONString 方法导致的。

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行之间
修改352行为:

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

复制代码

修改408行为:

1. result = $.evalJSON(result);

复制代码

3,修改index.js文件44行改为:

1. var res = $.evalJSON(result);

复制代码

4,修改common.js文件
第34行改为:

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

复制代码

第850行改为:

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

复制代码

第1056行改为:

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

复制代码

5,修改compare.js文件
第49行改为:

1. this.data = $.evalJSON(cookieValue);

复制代码

第67行改为:

1. var obj = $.evalJSON(cookieValue);

复制代码

第133行改为:

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

复制代码

6, 修改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”}

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

<!—–修改文件—–>
library/comment_list.lbi
第188行 :

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

复制代码

compare.dwt
第20行 :

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

复制代码

第24行 :

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

复制代码

flow.dwt
第138行 :

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

复制代码

第199行 :

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

复制代码

<!—–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,other.js’}
{insert_scripts files=’common.js,global.js,compare.js’}

很高兴,你能看到这里,如果嫌太麻烦,也可以直接下载文件覆盖过去。我把需要修改的文件都打包了。哈哈。。

下载地址:ecshop-jquery

《Ecshop与Jquery冲突的解决办法》有6个想法

  1. 找了2天终于用你发的下载包解决了, 上面的修改说明是ecshop论坛里的,还缺了你的下载包里的global.js的前面一些修改,只按照上面的改还是解决不了search页商品比较与jquery的冲突,好在你自己测试修改还发了个包,thanks for your sharing!

  2. 您好!我用了您的修改方法,但出了一点问题,购物流程中用户注册这一步(step eq ‘login’)不验证用户是否存在,请指教,成分感谢!
    😛

  3. 楼主将的很好。,,我郁闷咯三天终于把这些问题给解决咯。 不过楼主的代码在2.7.2下面还有一些问题。 一是有的页面没有加载到json,js需要大家自己去加载,二十在加载的位置会有冲突,我把问题提出,希望对大家有帮助

adilong进行回复 取消回复

电子邮件地址不会被公开。 必填项已用*标注