2011年11月18日 星期五

4步驟完美解決ECSHOP與JQUERY衝突的辦法

ECSHOP與JQUERY衝突的問題由來已久, 不過每個版型可能都要改

1、修改文件:/js/transport.js

在文件最後面增加下面Code:

if (Object.prototype.toJSONString){ var oldToJSONString = Object.toJSONString; Object.prototype.toJSONString = function(){ if (arguments.length > 0){ return false; }else{ return oldToJSONString.apply(this, arguments); } } }


2、修改文件:/js/compare.js
尋找Code:

this.timer = window.setInterval(this.relocation.bind(this), 50);

替換為:

this.timer = window.setInterval(this.bind(this.relocation,this), 50);

尋找Code:

lastScrollY : 0

在代碼上面一行增加代碼:

bind : function(obj1,obj2) { return function() { obj1.apply(obj2, arguments); } },

3、在以下模板文件中,找到嵌入global.js文件的代碼,刪除嵌入global.js
brand.dwt
brand_list.dwt
category.dwt
exchange_list.dwt
search.dwt

4、修改文件:/themes/temlatename/library/page_header.lbi
在頂部加入代碼:

<script type="text/javascript" src="http://code.jquery.com/jquery-latest.js"></script>
<script type="text/javascript">var $$=jQuery.noConflict();</script>

注意,以後調用JQUERY對象要用兩個美元符$$,不要用一個$,因為一個$與ECSHOP原有的函數同名有兼容問題。

開始使用JQuery吧~ 解決jquery LightBox 衝突方法 :http://www.skyleft.com/index.php/peixun/php-458.html

【下列文章您可能也有興趣】

沒有留言: