ecshop jquery冲突 终极解决方案。亲测生效。

发布时间:2020-07-14 04:48:37 作者:爱神ONE
来源:网络 阅读:633

解决jquery兼容的完美解决方案:

ECShop把AJAX事件和JSON解析的模块放在common/transport.js之中,可以说它也有自己封装的一套工具,这其实是很正常的。

但恰恰的,在封装JSON各种方法的同时对object的模型进行了重写,这个就跟jQuery冲突了。因为众所周知的,jQuery对各种JavaScript对象进行了扩展。

这一切其实都很容易理解,各有各的理由十分自然,但头痛和无奈的就变得在我们这些使用者身上了。在ECShop论坛上原来也有很多朋友提出了这个问题,也提出了各种各样的方法,我尝试了一些,不好或者甚至无用,所以只好自己动手了。

解决思路大概就是屏蔽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行):

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()
第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、<!—–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’}

推荐阅读:
  1. 解决因为本地代码和远程代码冲突,导致git pull无法拉取远程代码的问题
  2. 详解django模板与vue.js冲突问题

免责声明:本站发布的内容(图片、视频和文字)以原创、转载和分享为主,文章观点不代表本网站立场,如果涉及侵权请联系站长邮箱:is@yisu.com进行举报,并提供相关证据,一经查实,将立刻删除涉嫌侵权内容。

冲突 解决方案 jquery

上一篇:安装oracle即时客户端

下一篇:Python关于Numpy的操作基础

相关阅读

您好,登录后才能下订单哦!

密码登录
登录注册
其他方式登录
点击 登录注册 即表示同意《亿速云用户服务条款》