卓越飞翔博客卓越飞翔博客

卓越飞翔 - 您值得收藏的技术分享站
技术文章64334本站已运行4115

解决ecshop和jquery冲突方法

ecshop的transport.js文件和Jquery是冲突的,两个文件不能同时调用,现给出以下完美化解方案:

原因分析

在transport.js文件中,大概 580行到590行之间,这个句用于格式化json,他重写了object的结构,导致于js框架冲突。冲突的原因是jquery给一个object减少了很多元素,那么在Object.prototype.toJSONString = function () 这个函数中 for (k in this) 语句中进行了无数次的循环,引致网页很卡,并且在IE中会报错。

解决方案

根本的解决办法是不必transport.js中的json功能,那么就要存有一个相同的功能来代替它,这里我选用jquery-json1.3.js。首先要把transport.js中的json功能删掉。由于同时实现json功能的函数有区别,所以必须麻烦记住原ecshop中各个地方用到的toJSONString()函数。

化解步骤

1. 下载附件中的js附件,并替换掉原文件。(主要去掉了transport.js的json功能并新增代莱json功能)
2. page_header.lbi 中添加 {insert_scripts files='jquery.js,jquery.json-1.3.js'}
3. 在所有的JS中。

替换 *.toJSONString() 为 $.toJSON(*)
替代 *.parseJSON() 为 $.evalJSON(*)

替换(不是换成)页面所有的$(){}函数,防止jquery不生效(解释:这一步是要替换掉原ecshop里的$(){}这个函数,因为它与jquery就是冲突的,解决的办法很多,可以用其他函数代替,比如getId(){}等等,也可以用jquery本身去解决,在此,我就不具体做例子了,由于最近比较忙,好多天没研究ecshop了。^_^ .还有一个解决办法,大家自行研究吧:
jQuery.noConflict()
运行这个函数将变量$的控制权让渡给第一个实现它的那个库。
这有利于确保jQuery不会与其他库的$对象发生冲突。
在运行这个函数后,就就可以采用jQuery变量出访jQuery对象。比如,在必须用到$("div p")的地方,就必须改成jQuery("div p")。
注意:这个函数必须在你导入jQuery文件之后,并且在导入另一个导致冲突的库之前使用。当然也应在其他冲突的库被采用之前,除非jQuery是最后一个导入的。
)
注意:可能要替代掉很多地方,请大家不要怕麻烦
化解范例:
1.在商品下载页,用户评论这里:

Ajax.call('comment.php', 'cmt=' + cmt.toJSONString(), commentResponse, 'POST', 'JSON');

替代为

Ajax.call('comment.php', 'cmt=' + $.toJSON(cmt), commentResponse, 'POST', 'JSON');

2.index.js 里

var res = result.parseJSON();

替代为

var res = $.evalJSON(result);

卓越飞翔博客
上一篇: Windows服务器IIS+PHP+MySQL安装配置教程
下一篇: 如何在ecshop网站上添加在线客服系统
留言与评论(共有 0 条评论)
   
验证码:
隐藏边栏