【问题标题】:jQuery Owl Carousel: Cannot read property ‘clone’ of undefinedjQuery Owl Carousel:无法读取未定义的属性“克隆”
【发布时间】:2022-01-08 23:52:59
【问题描述】:

我不确定这是否是一个错误,但我在控制台中得到了这个。它让我疯狂。我正在运行一个 WordPress 网站。我的错误如下。

Uncaught TypeError: Cannot read properties of undefined (reading 'clone')
    at e.run (owl.carousel.min.js?ver=1.3.2:1)
    at Object.i [as run] (jquery.min.js:2)
    at e.update (owl.carousel.min.js?ver=1.3.2:1)
    at e.refresh (owl.carousel.min.js?ver=1.3.2:1)
    at e.initialize (owl.carousel.min.js?ver=1.3.2:1)
    at new e (owl.carousel.min.js?ver=1.3.2:1)
    at HTMLDivElement.<anonymous> (owl.carousel.min.js?ver=1.3.2:1)

    at Function.each (jquery.min.js:2)
    at s.fn.init.each (jquery.min.js:2)
    at s.fn.init.a.fn.owlCarousel (owl.carousel.min.js?ver=1.3.2:1)

作为修复,我发现我必须为只有一个项目的滑块配置 loop: false 但我不确定如何在我的 WordPress 网站中执行此操作。

这是在 owlCarousel.min.js 中显示错误的代码

a.fn.owlCarousel = function(b) {
    return this.each(function() {
        a(this).data("owlCarousel") || a(this).data("owlCarousel", new e(this,b))
    })
}

  var W = /^(Eval|Internal|Range|Reference|Syntax|Type|URI)Error$/;
    S.Deferred.exceptionHook = function(e, t) {
        C.console && C.console.warn && e && W.test(e.name) && C.console.warn("jQuery.Deferred exception: " + e.message, e.stack, t)
    }
    ,
    S.readyException = function(e) {
        C.setTimeout(function() {
            throw e
        })
    }
    ;

这表示 Jquery 延迟异常

【问题讨论】:

  • 您是否在任何地方使用clone 方法?可以分享minimal reproducible example 的问题吗?
  • 错误来自库内部,这可能意味着您以某种方式错误配置了它,但是没有看到导致此错误的代码就无法知道。
  • 嗨@DBS 感谢您尝试帮助我。我已经用代码更新了我的问题。能给我一个提示吗?
  • 嗨@evolutionxbox 我已经用我认为错误的代码更新了我的问题。你能给我一个提示吗?
  • 贴出来的代码好像和错误没有关系?

标签: javascript owl-carousel


【解决方案1】:

试试这个:

我发现将循环选项设置为 false 为我解决了这个问题。

    jQuery('.owl-carousel2').owlCarousel({
        loop:false,
        margin:10,
        nav:true,
        mouseDrag:false,
        responsive:{
            0:{
                items:1
            },
            600:{
                items:3
            },
            1000:{
                items:3
            }
        }
    })

  });

参考: Cloned items in owl carousel

【讨论】:

  • 您好@olavo Mello 非常感谢您的帮助。我不是 JavaScript 专家,如何在我的 Wordpress 网站上进行此更改
  • 您应该找到调用“.owlCarousel”的页面(已实例化)。在这段代码中,您可能会看到类似于我发送的示例的内容。只需添加或更改配置。
  • @olvo Mello 非常感谢这修复了错误:)
  • 太棒了。很高兴能帮助你。干杯! ;)
猜你喜欢
  • 2020-01-06
  • 1970-01-01
  • 2021-11-26
  • 2014-06-02
  • 1970-01-01
  • 1970-01-01
  • 2011-10-13
  • 1970-01-01
  • 1970-01-01
相关资源
最近更新 更多