您现在的位置是：首页 > cms教程 > Ecshop商城教程Ecshop商城教程

ecshop商城与Jquery冲突的解决方案

樊辰博2023-12-19Ecshop商城教程已有人查阅

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

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行为: legalParams = “JSON=” + $.toJSON(params); 修改408行为: result = $.evalJSON(result); 屏蔽掉global.js里的如下代码（ 0-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’); 056行改为: 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); 33行改为: document.setCookie(“compareItems”, $.toJSON(this.data)); 6、修改global.js文件 6行改函数名 :function $e() 14和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 88行 : 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 38行 : Ajax.call(‘flow.php?step=add_to_cart’, ‘goods=’ + $.toJSON(goods), collect_to_flow_response, ‘POST’, ‘JSON’); 99行 : 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’}