用过ecshop模板的朋友都知道ecshop和Jquery是不兼容的,这也是我们在做ecshop二次开发的时候最头疼的问题,那么怎么才能让ecshop和Jquery完美的兼容呢？

其实是ECSHOP把ajax的处理和json的处理全部整合到js目录下的transport.js文件中,自己写了一套方法,也就是重写了,那要解决ecshop和Jquery的冲突就主要修改这个文件来实现.

解决思路是屏蔽ECshop扩展的toJSONString方法,用别的函数代替.

一，修改默认js文件

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行):

1. Object.prototype.extend = function(object) 
2. { 
3.   return Object.extend.apply(this, [this, object]); 
4. } 

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()

第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、

1. brand.dwt 
2. brand_list.dwt 
3. category.dwt 
4. exchange_list.dwt 
5. search.dwt 
6. //如: 
7. {* 包含脚本文件 *} 
8. {insert_scripts files=’jquery.js,jquery.json.js’} 
9. {insert_scripts files=’common.js,global.js,compare.js’} 
10. //开源软件:phpfensi.com

Tags: ecshop特效 jquery冲突

分享到：