之一的之一 發表於 2023-5-20 00:00:00

彻底改正ecshop不兼容jquery的解决办法

<p>
<strong>原因分析:</strong></p>
<p>
在transport.js文件中,大概 580行到590行之间,这个句用于格式化json,他重写了object的结构,导致于js框架冲突。冲突的原因是jquery给一个object增加了很多元素,那么在Object.prototype.toJSONString = function () 这个函数中 for (k in this) 语句中进行了无数次的循环,导致网页很卡,并且在IE中会报错。</p>
<p>
<strong>解决方案:</strong><br>
根本的解决办法是不用transport.js中的json功能,那么就要有一个相同的功能来代替它,这里我选用jquery-json1.3.js。首先要把transport.js中的json功能删除。由于实现json功能的函数有区别,所以要麻烦改掉原ecshop中各个地方用到的toJSONString()函数。</p>
<p>
<strong>解决步骤:</strong><br>
1. 下载附件中的js附件,并替换掉原文件。(主要去掉了transport.js的json功能并新增新的json功能)<br>
2. page_header.lbi 中添加 {insert_scripts files='jquery.js,jquery.json-1.3.js'}<br>
3. 在所有的JS中。<br>
替换 *.toJSONString() 为 $.toJSON(*)<br>
替换 *.parseJSON() 为 $.evalJSON(*)<br>
替换(不是去掉)页面所有的$(){}函数,防止jquery不生效(解释:这一步是要替换掉原ecshop里的$(){}这个函数,因为它与jquery是冲突的,解决的办法很多,可以用其他函数代替,比如getId(){}等等,也可以用jquery本身来解决,在此,我就不具体做例子了,由于最近比较忙,好多天没研究ecshop了。^_^ .还有一个解决办法,大家自行研究吧:<br>
jQuery.noConflict()<br>
运行这个函数将变量$的控制权让渡给第一个实现它的那个库。<br>
这有助于确保jQuery不会与其他库的$对象发生冲突。<br>
在运行这个函数后,就只能使用jQuery变量访问jQuery对象。例如,在要用到$("div p")的地方,就必须换成jQuery("div p")。<br>
注意:这个函数必须在你导入jQuery文件之后,并且在导入另一个导致冲突的库之前使用。当然也应当在其他冲突的库被使用之前,除非jQuery是最后一个导入的。</p>
<p>
)</p>
<p>
注意:可能要替换掉很多地方,请大家不要怕麻烦</p>
<p>
<br><strong>解决范例:</strong></p>
<p>
<br>
1.在商品浏览页,用户评论这里:<br>
Ajax.call('comment.php', 'cmt=' + cmt.toJSONString(), commentResponse, 'POST', 'JSON');<br>
替换为<br>
Ajax.call('comment.php', 'cmt=' + $.toJSON(cmt), commentResponse, 'POST', 'JSON');</p>
<p>
2.index.js 里<br>
var res = result.parseJSON();<br>
替换为<br>
var res = $.evalJSON(result);</p>
<p>
以下是修改过的文件:<br>
jscompare.js</p>
<p>
jscommon.js</p>
<p>
jstransport.js<br>
themesmodifylibrarymember_info.lbi</p>
<p>
adminjsselectzone.js<br>
admintemplatestopic_edit.htm</p>
<p>
admintemplatesmenu.htm<br>
admintemplatestopic_edit.htm</p>
頁: [1]
查看完整版本: 彻底改正ecshop不兼容jquery的解决办法