2014-06-09 109 views
1

我有一個jQuery問題,瞭解我不是jQuery專家,所以請耐心等待。我試圖安裝在Magento的這個貓頭鷹響應滑塊和我有這個「未捕獲的類型錯誤:無法讀取屬性'owlCarousel'null

Uncaught typeError: Cannot read property 'owlCarousel' of null in Chrome console

Screenshot of Uncaught typeError: Cannot read property 'owlCarousel' of null

感謝。

+0

'$('#owl-demo')'爲空。如果此元素存在,請先在控制檯中檢查。 – Coderaemon

+0

@Coderaemon yes元素#貓頭鷹演示確實存在! –

+0

在文檔準備就緒#貓頭鷹演示應該存在,以便處理程序可以連接到它。你是否動態生成#owl-demo? – Coderaemon

回答

3

默認的Magento使用prototypejs開發框架,使用$作爲全局變量的問題。如果你包含其他的jQuery插件,如jQuery,它也使用$作爲全局變量,將會有與原型js和jquery相關的變量發生衝突,這個衝突可以通過給jquery插件的全局變量賦予不同的名字來解決。

要做到這一點,請在您打算使用jQuery而不是原型的所有文件中使用以上代碼。

jQuery.noConflict(); 

這意味着你應該使用jQuery,而不是$。類似這樣的:

jQuery("#owl-demo"); 
+0

我已經將noConflict()添加到jQuery中,這個問題已經解決了。我需要弄清楚爲什麼我得到的是未捕獲的typeError:無法讀取屬性爲null的屬性'owlCarousel' –

+0

@RudyJessop哦對不起..可能是'#owl-demo'元素不存在.. –

+1

當您添加noConflict (),那麼'$'不再是jQuery。使用'jQuery('#owl-demo')'來選擇元素。 – dlaxar

相關問題