jQuery Owl Carousel：无法读取未定义的属性“克隆”

Posted 2023-05-07

【中文标题】jQuery Owl Carousel：无法读取未定义的属性“克隆”

【英文标题】：jQuery Owl Carousel: Cannot read property ‘clone’ of undefined

【发布时间】：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 我已经用我认为错误的代码更新了我的问题。你能给我一个提示吗？

贴出来的代码好像和错误没有关系？

【参考方案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 非常感谢这修复了错误:)

太棒了。很高兴能帮助你。干杯！ ;)