徹底改正ecshop不兼容jquery的解決辦法

2024-04-25 20:42:28

字體：大中小

供稿：網(wǎng)友

今天小編給大家介紹一篇文章，叫徹底改正ecshop不兼容jquery的解決辦法，具體如下：

ecshop不兼容jquery原因分析：

在transport.js文件中，大概 580行到590行之間，這個句用于格式化json,他重寫了object的結(jié)構(gòu),導(dǎo)致于js框架沖突。沖突的原因是jquery給一個object增加了很多元素，那么在Object.prototype.toJSONString = function () 這個函數(shù)中 for (k in this) 語句中進行了無數(shù)次的循環(huán)，導(dǎo)致網(wǎng)頁很卡，并且在IE中會報錯。

解決方案：

根本的解決辦法是不用transport.js中的json功能，那么就要有一個相同的功能來代替它，這里我選用jquery-json1.3.js。首先要把transport.js中的json功能刪除。由于實現(xiàn)json功能的函數(shù)有區(qū)別，所以要麻煩改掉原ecshop中各個地方用到的toJSONString()函數(shù)。

解決步驟：

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(*)

替換(不是去掉)頁面所有的$(){}函數(shù)，防止jquery不生效(解釋：這一步是要替換掉原ecshop里的$(){}這個函數(shù)，因為它與jquery是沖突的，解決的辦法很多，可以用其他函數(shù)代替，比如getId(){}等等，也可以用jquery本身來解決，在此，我就不具體做例子了，由于最近比較忙，好多天沒研究ecshop了。^_^ .還有一個解決辦法，大家自行研究吧：

jQuery.noConflict()

運行這個函數(shù)將變量$的控制權(quán)讓渡給第一個實現(xiàn)它的那個庫。

這有助于確保jQuery不會與其他庫的$對象發(fā)生沖突。

在運行這個函數(shù)后，就只能使用jQuery變量訪問jQuery對象。例如，在要用到$("div p")的地方，就必須換成jQuery("div p")。

注意:這個函數(shù)必須在你導(dǎo)入jQuery文件之后，并且在導(dǎo)入另一個導(dǎo)致沖突的庫之前使用。當(dāng)然也應(yīng)當(dāng)在其他沖突的庫被使用之前，除非jQuery是最后一個導(dǎo)入的。

)

注意：可能要替換掉很多地方，請大家不要怕麻煩

解決范例：

1.在商品瀏覽頁，用戶評論這里：

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

替換為

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