2011-09-23 86 views
0

我在Magento環境中使用jQuerytools手風琴/選項卡,由於某種原因,腳本似乎沒有工作。jQuery Accordion + Magento問題 - 可能的衝突?

如果你看看下面的工作頁面,你會看到獨立環境中的內容和腳本工作正常。

但是一旦它被放入Magento(非工作頁面),手風琴窗格就不會打開,我看不到任何明顯的錯誤。

工作頁面 - http://www.justkitchens.co/sandbox/JustDoors/acrylic-kitchen-doors-chooser.html 非工作頁面 - http://www.justkitchens.co/chooser-test/

誰能幫助我在這裏?

編輯:我註釋掉jQuery的ui.min.js腳本被調用,事情似乎工作...所以看起來像一個衝突有...

回答

2

您在運行中的jQuery noConflict模式?

Magento使用原型,所以你需要做到這一點。

http://www.fontis.com.au/blog/magento/using-jquery-magento

通常情況下,這將是所有你需要做的,但是因爲Magento的還包括
原型,有我們需要處理一個微妙。 jQuery使用$作爲訪問jQuery庫的簡寫。但Prototype也使用$來訪問自己。這會導致Web瀏覽器的JavaScript名稱空間中的global衝突。幸運jQuery提供一個解決方案,該jQuery.noConflict();函數定義了一個新的簡寫的jQuery如:

var $j = jQuery.noConflict(); 

上述代碼需要來jQuery庫代碼之後,但在此之前的任何其他JavaScript庫。你可以在你已經複製到js目錄的jQuery文件底部包含noConflict調用。因此,您需要確保我們包含在layout/page.xml中的「action method」行位於包含Prototype或任何其他JavaScript庫的代碼之前。

它替代產品:http://css-tricks.com/2011-using-jquery-in-magneto/