`

ECShop transport.js与jquery 冲突解决方案

阅读更多

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冲突的问题

    在开发Web应用时,我们经常会遇到JavaScript库...通过以上步骤,你应该能够成功解决ECSHOP中的`transport.js`与jQuery的冲突问题。在实际操作中,可能还需要根据具体情况进行微调,但以上方法通常足以应对大部分情况。

    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文件(解决ecshop jquery jqzoom冲突)

    ecshop transport.js 已和jquery兼容

    改好的的transport.js。已经和和jquery兼容了,大家可以放心的用。

    ecshop解决与jQuery冲突文件

    新的`transport.js`应该已经解决了与jQuery的冲突问题,采用了更友好的命名空间或者避免了与jQuery相同的方法名。替换后,ECSHOP将能更好地与jQuery库协同工作,避免冲突,同时保持原有的AJAX功能。 在实际操作中,...

    transport.js

    替换(不是去掉)页面所有的$(){}函数,防止jquery不生效(解释:这一步是要替换掉原ecshop里的$(){}这个函数,因为它与jquery是冲突的,解决的办法很多,可以用其他函数代替,比如getId(){}等等,也可以用jquery本身...

    ecshop和jquery冲突的解决方法

    在本篇文章中,我们将深入探讨如何有效解决ecshop与jQuery之间的冲突问题,并提供一系列实用的解决方案,帮助开发者更好地处理这两种技术共存时可能遇到的问题。 ### 一、Ecshop简介 Ecshop是一款开源的电子商务...

    ecshop解决jquery冲突js

    标题中的"ecshop解决jquery冲突js"就直指这个问题,即如何在ECShop环境中解决JQuery与其他JS库的冲突。 JQuery冲突通常源于$符号的全局使用,这是JQuery的核心选择器和函数调用。为了解决这个问题,JQuery提供了`...

    ECShop解决jQuery补丁.zip

    根本的解决办法是不用transport.js中的json功能,那么就要有一个相同的功能来代替它,这里我选用jquery-json1.3.js。首先要把transport.js中的json功能删除。由于实现json功能的函数有区别,所以要麻烦改掉原ecshop...

    解决ECSHOP和jquery冲突问题所需文件

    总的来说,解决ECSHOP与jQuery的冲突需要理解JavaScript的基本原理,熟悉jQuery的使用方式,以及具备一定的代码调试技巧。通过适当的代码组织和利用jQuery提供的工具,我们可以成功地在ECSHOP中整合并充分利用jQuery...

    解决其他js和jquery冲突方法

    解决其他js和jquery冲突方法 JS和jQuery是两个非常常用的JavaScript库,但是当它们一起使用时,可能会出现冲突。解决这种冲突的方法是使用noConflict()方法将变量$的控制权让渡给其他库。 在开发过程中,可能还会...

    ECShop_V2.7.3_UTF8_完美兼容_jQuery_模式

    Ecshop与Jquery冲突的完美解决方案 ECShop把AJAX事件和JSON解析的模块放在common/transport.js之中,可以说它也有自己封装的一套工具,这其实是很正常的。 但恰恰的,在封装JSON各种方法的同时对object的模型进行了...

    解决ecshop中使用jquery冲突问题

    标题"解决ecshop中使用jquery冲突问题"指的是如何在 ECShop 环境下,消除 jQuery 与 Prototype 之间的冲突,以便能够安全地使用 jQuery 的功能,特别是利用 jQuery 的 `$.get()` 和 `$.post()` 方法来替换原本使用 ...

    ecshop_jquery_transport_conflict

    标题“ecshop_jquery_transport_conflict”和描述“ecshop jquery transport conflict”涉及到的是一个常见的JavaScript编程问题,特别是在使用ECSHOP电商系统时遇到的与jQuery中的Ajax运输(transport)冲突的问题...

    ecshop的jQuery冲突问题(最简单的解决方法

    ecshop的jQuery冲突问题(最简单的解决方法

    如何全面解决ECSHOP的jquery冲突

    如何全面解决ECSHOP的jquery冲突

    ECShop_V2.7.3_UTF8_完美兼容_$_模式

    Ecshop与Jquery冲突的完美解决方案 ECShop把AJAX事件和JSON解析的模块放在common/transport.js之中,可以说它也有自己封装的一套工具,这其实是很正常的。 但恰恰的,在封装JSON各种方法的同时对object的模型进行了...

    ecshop jquery下载

    在描述中提到的“解决思路大概就是屏蔽ECshop扩展的toJSONString方法,用别的函数代替”,这可能是因为在某些情况下,ECShop内置的toJSONString方法与jQuery的JSON处理冲突,或者该方法在特定场景下不适用。...

    多年收集积累的JavaScript /jQuery插件/UI资料合集(90个).zip

    多年收集积累的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....

Global site tag (gtag.js) - Google Analytics