未捕获的类型错误:无法读取 null 的属性“owlCarousel"

2022-01-24 00:00:00 slider jquery magento javascript

我遇到了一个 jQuery 问题,请理解我不是 jQuery 专家,所以请多多包涵.我正在尝试在 magento 上安装这个 Owl Responsive 滑块,但我遇到了这个问题

I am having a jQuery Issue, Understand I am no jQuery expert so bear with me. I am trying to install this Owl Responsive slider on magento and I am having an issue with this "

未捕获的类型错误:无法在 Chrome 控制台中读取 null 的属性 'owlCarousel'

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

谢谢.

推荐答案

默认情况下,magento 使用 prototypejs 框架,它使用 $ 作为全局变量.如果您包含其他 javascript 插件(如 jQuery)也使用 $ 作为全局变量,那么与prototypejs 和 jquery 相关的变量将会发生冲突.可以通过为 jquery 插件的全局变量分配不同的名称来解决此冲突.

By default magento use prototypejs framework which uses $ as global variable. if you include other javascript plugins like jQuery which also use $ as global variable, there will be a clash in variables related to prototypejs and jquery. This conflict can be resolved by assigning different name to global variable of jquery plugin.

为此,请在您计划使用 jQuery 而不是原型的所有文件中使用上面的代码.

To do that, use the following code above in all files wherever you are planning to use jQuery instead of prototype.

jQuery.noConflict();

这意味着你应该使用 jQuery 而不是 $.像这样的:

That means you should use jQuery instead of $. Something like this:

jQuery("#owl-demo");

相关文章