Ecshop解决与jquery冲突问题

18553次浏览

易造价商城后台是用Ecshop开发的,但是易造价前台中您看不出ecshop的任何端倪。对于Ecshop,我一开始也是小白,近期才少有深入了解。但是我同事是ECSHOP的大神,他的博客中有不少关于ecshop的文章,鉴于他的博客,我对ecshop相关问题也写一下,以便后来只用!

切入正题,jquery是我们PC端开发必不可少的工具,但是jquery和ECSHOP有一定的兼容问题,给我们带来了不少的不便,下面这篇文章就叫你如何解决ecshop和jquery的冲突问题:

大体思路是屏蔽ECshop扩展的toJSONString方法,用别的函数代替。

1.首先复制一份 transport.js 改名为 transport.org.js 提供给后台使用

2.屏蔽掉transport.js里的toJSON功能 行数大概有497-737行之间

//修改352行为:
legalParams = 'JSON=' + $.toJSON(params);
//修改408行为:
result = $.evalJSON(result);

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);
<!———–路径修改———–>

修改后台头部引入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-1.5.2.min.js,jquery.json-1.3.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');
<!—–jquery文件需置顶的dwt文件—-jquery.js文件需要在compare.js文件加载前加载,否则会报错—–> brand.dwt

brand_list.dwt

category.dwt

exchange_list.dwt

search.dwt 如:

{* 包含脚本文件 *}

{insert_scripts files='jquery-1.5.2.min.js,jquery.json-1.3.js'}

{insert_scripts files='common.js,global.js,compare.js'}

Tags: Ecshopjquery

相关文章: