【转】Ecshop与Jquery冲突的完美解决方案

原文链接:http://help.ecmoban.com/article-1629.html

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

但恰恰的,在封装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行为:

legalParams = “JSON=” + $.toJSON(params);

修改408行为:

result = $.evalJSON(result);

屏蔽掉global.js里的如下代码(第10-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’);

第1056行改为:

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);

第133行改为:

document.setCookie(“compareItems”, $.toJSON(this.data));

6、修改global.js文件

第16行改函数名 :function $e()

第114和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

第188行 :

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

第138行 :

Ajax.call(‘flow.php?step=add_to_cart’, ‘goods=’ + $.toJSON(goods), collect_to_flow_response, ‘POST’, ‘JSON’);

第199行 :

Ajax.call(‘flow.php?step=add_to_cart’, ‘goods=’ + $.toJSON(goods), fittings_to_flow_response, ‘POST’, ‘JSON’);

12、

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’}

时间: 2024-10-12 19:42:59

【转】Ecshop与Jquery冲突的完美解决方案的相关文章

Ecshop与Jquery冲突的完美解决方案

ECShop把AJAX事件和JSON解析的模块放在common/transport.js之中,可以说它也有自己封装的一套工具,这其实是很正常的. 但恰恰的,在封装JSON各种方法的同时对object的模型进行了重写,这个就跟jQuery冲突了.因为众所周知的,jquery对各种JavaScript对象进行了扩展. 这一切其实都很容易理解,各有各的理由十分自然,但头痛和无奈的就变得在我们这些使用者身上了.在ECShop论坛上原来也有很多朋友提出了这个问题,也提出了各种各样的方法,我尝试了一些,不好

如何全面解决ECSHOP的jquery冲突

主要就是Ecshop的AJAX传输类,transport.js中重写了object的对象原型,从而导致了与jq框架的冲突. 解决: 1. 删除transport.js中587行 - 636行中关于object.prototype.toJSONString的定义 2. 自定义一个方法用于object对象的json序列化 如下 function obj2str(o) { //开始 var r = []; if(typeof o =="string") return "\"

一招解决ECSHOP与jquery冲突

顺序为:先导入transport.js文件{insert_scripts files='transport.js,utils.js'},然后导入jquery文件 ,{insert_scripts files='jquery-1.8.3.js'} 再加上这段代码<script type="text/javascript">$(function() {window.__Object_toJSONString = Object.prototype.toJSONString;del

ecshop jquery冲突 终极解决方案。亲测生效。

解决jquery兼容的完美解决方案: ECShop把AJAX事件和JSON解析的模块放在common/transport.js之中,可以说它也有自己封装的一套工具,这其实是很正常的. 但恰恰的,在封装JSON各种方法的同时对object的模型进行了重写,这个就跟jQuery冲突了.因为众所周知的,jQuery对各种JavaScript对象进行了扩展. 这一切其实都很容易理解,各有各的理由十分自然,但头痛和无奈的就变得在我们这些使用者身上了.在ECShop论坛上原来也有很多朋友提出了这个问题,也提

ecshop transport.js 和 jquery 冲突解决办法

您提供一个简单的解决transport.js 和 jquery 方法: 在 page_header.lbi 库文件中加入如下代码,注意操作顺序: 1.先导入transport.js  文件 {insert_scripts files='transport.js,utils.js'} 2.然后导入您网站使用的jquery文件 <script language="javascript" src="您的jquery存放路径"></script> 3

ecshop jquery 冲突解决方法

1.在 transport.js 文件最后添加下面代码 /* * * 修正json.prototype信息 */ function obj2str(o){ // 兼容 jquery // 先删除 ecshop 的 跟jquery 冲突对象 //delete Object.prototype.toJSONString; var r = []; if(typeof o =="string") return "\""+o.replace(/([\'\"

discuz教程:discuz模板js与jQuery冲突的解决方案

今天在做discuz模板的时候,用到jquery的时候和原来主题js冲突.这个主要是Discuz X使用了$(id)作为dom节点的获取方法,而$符号刚好与jQuery的默认符号相冲突. 以下是基于之前的Discuz X和jQuery冲突的解决办法.给大家做个参考! 将jQuery的js文件jquery-1.8.0.min.js放到/static/js目录下,以下两个方法共用此文件,如不是放在该目录下,后面的代码请对应修改. 解决方法1: 修改/template/default/common/h

关于Discuz与jQuery冲突问题的亲测解决方法

最近的一个项目整合dede和discuz程序,客户要求风格统一,所以有很多样式及特效都是要公用的.其中jQuery库定义的函数$()正好与discuz的comme.js中函数一样,这样就冲突了,导致discuz论坛所有js效果失效.网上搜罗了一下,N多的方法,但是很多说的不明不白,我也试了很多方法,浪费了我一个晚上加一个早上,真是费时费力.不过其中一个方法倒是解决了这个冲突,所以共享出来备用,也方便大家. 其实解决方法倒是不难,难的是思路和没有一个详细的步骤,这里我就做个详细的说明.首先思路很简

jquery跨域请求解决方案(都是从网上找的,本人未加验证)

http://www.3lian.com/edu/2014/02-10/127921.html 本篇文章只要是对jquery ajax跨域解决方法(json方式)进行了介绍,需要的朋友可以过来参考下,希望对大家有所帮助 最近公司开发的项目中很多地方需要跨域ajax请求,比如几个子域名下 http://a.****.com/index123.aspx, http://b.****.com/index2.aspx 都要请求用户json信息,然后再对数据进行处理,起初我和同事们试了很多种方法,使用$.