【JQuery】Ecshop与Jquery冲突的完…
2015-07-18 11:45
447 查看
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行之间
由if ( ! Object.prototype.toJSONString) { 开头的代码。
修改352行为:
修改408行为:
屏蔽掉global.js里的如下代码(第10-13行):
3、修改index.js文件44行改为:
4、修改common.js文件
第34行改为:
第850行改为:
第1056行改为:
5、修改compare.js文件
第49行改为:
第67行改为:
第133行改为:
6、修改global.js文件
第16行改函数名 :
第114和126行都改为:
7、
修改后台头部引入transport.js路径
admin/templates/pageheader.htm 第9行改为:
admin/templates/menu.htm151行改成
上面加上如下代码
9、
library/comment_list.lbi
第188行 :
10、compare.dwt
第20行 :
第24行 :
11、flow.dwt
第138行 :
第199行 :
12、
brand.dwt
brand_list.dwt
category.dwt
exchange_list.dwt
search.dwt
如:
注:本文来自于Ecshop模板堂
但恰恰的,在封装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行为:
1 | legalParams = “JSON=” + $.toJSON(params); |
1 | result = $.evalJSON(result); |
1 | Object.prototype.extend = function (object) |
2 | { |
3 | return Object.extend.apply( this , [ this , object]); |
4 | } |
1 | var res = $.evalJSON(result); |
第34行改为:
1 | Ajax.call(‘flow.php?step=add_to_cart’, ‘goods=’ + $.toJSON(goods), addToCartResponse, ‘POST’, ‘JSON’); |
1 | Ajax.call(‘flow.php?step=add_package_to_cart’, ‘package_info=’ + $.toJSON(package_info), addPackageToCartResponse, ‘POST’, ‘JSON’); |
1 | Ajax.call(‘flow.php?step=add_to_cart’, ‘goods=’ + $.toJSON(goods), addToCartResponse, ‘POST’, ‘JSON’); |
第49行改为:
1 | this .data = $.evalJSON(cookieValue); |
1 | var obj = $.evalJSON(cookieValue); |
1 | document.setCookie(“compareItems”, $.toJSON( this .data)); |
第16行改函数名 :
1 | function $e() |
1 | var element = $e(element); |
二,修改后台调用部分
7、修改后台头部引入transport.js路径
admin/templates/pageheader.htm 第9行改为:
1 | {insert_scripts |
1 | {insert_scripts files= "../js/global.js,../js/utils.js,../js/transport.org.js" } |
三,修改前台模板部分
8、修改themes/default/library/page_header.lbi文件在1 | {insert_scripts files=’transport.js,utils.js’} |
1 | {insert_scripts files=’jquery.js,jquery.json.js’} |
library/comment_list.lbi
第188行 :
1 | Ajax.call(‘comment.php’, ‘cmt=’ + $.toJSON(cmt), commentResponse, ‘POST’, ‘JSON’); |
第20行 :
1 | var obj = $.evalJSON(document.getCookie(“compareItems”)); |
1 | document.setCookie(“compareItems”, $.toJSON(obj)); |
第138行 :
1 | Ajax.call(‘flow.php?step=add_to_cart’, ‘goods=’ + $.toJSON(goods), collect_to_flow_response, ‘POST’, ‘JSON’); |
1 | Ajax.call(‘flow.php?step=add_to_cart’, ‘goods=’ + $.toJSON(goods), fittings_to_flow_response, ‘POST’, ‘JSON’); |
brand.dwt
brand_list.dwt
category.dwt
exchange_list.dwt
search.dwt
如:
1 | {* 包含脚本文件 *} |
2 | {insert_scripts files=’jquery.js,jquery.json.js’} |
3 | {insert_scripts files=’common.js,global.js,compare.js’} |
相关文章推荐
- for循环和jquery的each()跳出循环的方法
- jquery三级联动
- 鼠标滚轮事件----jquery-mousewheel
- jQuery插件 -- Cookie插件
- jquery 时间json格式为时间年月日时分秒jqueryUI+Struts+hibernate
- Jquery mobile 新手问题总汇
- jQuery Mobile教程:jQuery Mobile基本事件
- jQuery设计思想
- jQuery最佳实践
- JQuery中ajax方法访问web服务实例
- jquery实现用户信息修改验证输入方法汇总
- jQuery实现在最后一个元素之前插入新元素的方法
- jQuery插件简单实现方法
- jQuery增加自定义函数的方法
- jQuery获取URL请求参数的方法
- 基于jQuery左右滑动切换特效 附源码
- 基于jQuery左右滑动切换特效 附源码
- jQuery框架下的多选文本框
- jquery $(document)
- Jquery 动态元素绑定时间