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’}
<!--EndFragment-->
分享到:
相关推荐
ecshop transport.js和jquery冲突的问题,ecshop jquery冲突解决,亲测可用!
所以这里用JSON官网在javascript语言上提供的json2.js支持。 具体下载地址:https://github.com/douglascrockford/JSON-js 2、修改transport.js 2.1 注释掉重写object的方法,具体搜索 if ( ! Object.prototype....
transport.js文件(解决ecshop jquery jqzoom冲突)
改好的的transport.js。已经和和jquery兼容了,大家可以放心的用。
transport.js调用前必须先调用json2.js 替换原ecshop中的transport.js文件,即可解决与jQuery的冲突问题
替换(不是去掉)页面所有的$(){}函数,防止jquery不生效(解释:这一步是要替换掉原ecshop里的$(){}这个函数,因为它与jquery是冲突的,解决的办法很多,可以用其他函数代替,比如getId(){}等等,也可以用jquery本身...
根本的解决办法是不用transport.js中的json功能,那么就要有一个相同的功能来代替它,这里我选用jquery-json1.3.js。首先要把transport.js中的json功能删除。由于实现json功能的函数有区别,所以要麻烦改掉原ecshop...
ecshop解决jquery冲突js 测试版本 2,73
可以有效的解决ecshop和jquery的冲突,堪称完美
Ecshop与Jquery冲突的完美解决方案 ECShop把AJAX事件和JSON解析的模块放在common/transport.js之中,可以说它也有自己封装的一套工具,这其实是很正常的。 但恰恰的,在封装JSON各种方法的同时对object的模型进行了...
ecshop的jQuery冲突问题(最简单的解决方法
压缩包是两个文件,jquery.js和jquery.json.js文件,具体使用方法,请参考
如何全面解决ECSHOP的jquery冲突
Ecshop与Jquery冲突的完美解决方案 ECShop把AJAX事件和JSON解析的模块放在common/transport.js之中,可以说它也有自己封装的一套工具,这其实是很正常的。 但恰恰的,在封装JSON各种方法的同时对object的模型进行了...
完美解决ecshop使用jquery冲突问题,用jquery的get,post的方法替代ajax的get,post方法,不需要改动程序,只需要替换js相应文件。
多年收集积累的JS、jQuery插件、UI集合(90个),前端学习资料 11款JQuery动画效果的导航菜单‘等资料 15jQueryDemo.rar 3DGallery.zip bootstrap-3.3.2-dist.zip bootstrap-3.3.2.zip easyUI 1.4.4 Demo easyzoom....
ecshop 商品列表 滚动加载,滑动加载,瀑布流,jquery.more.js
ECShop272.zipECShop272.zipECShop272.zip
ECshop教程.pdf