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-->
分享到:
相关推荐
在开发Web应用时,我们经常会遇到JavaScript库...通过以上步骤,你应该能够成功解决ECSHOP中的`transport.js`与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`应该已经解决了与jQuery的冲突问题,采用了更友好的命名空间或者避免了与jQuery相同的方法名。替换后,ECSHOP将能更好地与jQuery库协同工作,避免冲突,同时保持原有的AJAX功能。 在实际操作中,...
替换(不是去掉)页面所有的$(){}函数,防止jquery不生效(解释:这一步是要替换掉原ecshop里的$(){}这个函数,因为它与jquery是冲突的,解决的办法很多,可以用其他函数代替,比如getId(){}等等,也可以用jquery本身...
在本篇文章中,我们将深入探讨如何有效解决ecshop与jQuery之间的冲突问题,并提供一系列实用的解决方案,帮助开发者更好地处理这两种技术共存时可能遇到的问题。 ### 一、Ecshop简介 Ecshop是一款开源的电子商务...
标题中的"ecshop解决jquery冲突js"就直指这个问题,即如何在ECShop环境中解决JQuery与其他JS库的冲突。 JQuery冲突通常源于$符号的全局使用,这是JQuery的核心选择器和函数调用。为了解决这个问题,JQuery提供了`...
根本的解决办法是不用transport.js中的json功能,那么就要有一个相同的功能来代替它,这里我选用jquery-json1.3.js。首先要把transport.js中的json功能删除。由于实现json功能的函数有区别,所以要麻烦改掉原ecshop...
总的来说,解决ECSHOP与jQuery的冲突需要理解JavaScript的基本原理,熟悉jQuery的使用方式,以及具备一定的代码调试技巧。通过适当的代码组织和利用jQuery提供的工具,我们可以成功地在ECSHOP中整合并充分利用jQuery...
解决其他js和jquery冲突方法 JS和jQuery是两个非常常用的JavaScript库,但是当它们一起使用时,可能会出现冲突。解决这种冲突的方法是使用noConflict()方法将变量$的控制权让渡给其他库。 在开发过程中,可能还会...
Ecshop与Jquery冲突的完美解决方案 ECShop把AJAX事件和JSON解析的模块放在common/transport.js之中,可以说它也有自己封装的一套工具,这其实是很正常的。 但恰恰的,在封装JSON各种方法的同时对object的模型进行了...
标题"解决ecshop中使用jquery冲突问题"指的是如何在 ECShop 环境下,消除 jQuery 与 Prototype 之间的冲突,以便能够安全地使用 jQuery 的功能,特别是利用 jQuery 的 `$.get()` 和 `$.post()` 方法来替换原本使用 ...
标题“ecshop_jquery_transport_conflict”和描述“ecshop jquery transport conflict”涉及到的是一个常见的JavaScript编程问题,特别是在使用ECSHOP电商系统时遇到的与jQuery中的Ajax运输(transport)冲突的问题...
ecshop的jQuery冲突问题(最简单的解决方法
如何全面解决ECSHOP的jquery冲突
Ecshop与Jquery冲突的完美解决方案 ECShop把AJAX事件和JSON解析的模块放在common/transport.js之中,可以说它也有自己封装的一套工具,这其实是很正常的。 但恰恰的,在封装JSON各种方法的同时对object的模型进行了...
在描述中提到的“解决思路大概就是屏蔽ECshop扩展的toJSONString方法,用别的函数代替”,这可能是因为在某些情况下,ECShop内置的toJSONString方法与jQuery的JSON处理冲突,或者该方法在特定场景下不适用。...
多年收集积累的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....