javascript - 猫头鹰旋转木马销毁问题(未捕获的类型错误 : Cannot read property 'destroy' of undefined )

标签 javascript jquery html css

我在我的元素中使用 Owl carousel 在某些分辨率下我需要销毁 owl carousel 所以我使用了 owl carousel destroy 函数但是在使用该函数时其他 jquery 函数不起作用甚至没有文档准备好请帮助解决这个问题这样我就可以将 owl carousel destroy 函数与 jquery 一起使用

这是我的代码

  function mobile() {

    var checkWidth = $(window).width();
    var banner = $("#ndmv-banner-intro");

      if(checkWidth >980){

        banner.owlCarousel({
        singleItem:true,
        autoPlay:false,
        dragBeforeAnimFinish : true
       });

        }else{
           banner.data('owlCarousel').destroy();
           banner.removeClass('owl-carousel').destroy();
        }
     }
     $(document).ready(mobile);
     $(window).resize(mobile);

demo url

最佳答案

您正在将 destroy 函数应用于 undefined object 。您可以尝试这样的操作。

if(typeof banner.data('owlCarousel') != 'undefined') {
    banner.data('owlCarousel').destroy();
    banner.removeClass('owl-carousel');
}

关于javascript - 猫头鹰旋转木马销毁问题(未捕获的类型错误 : Cannot read property 'destroy' of undefined ),我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/23217594/

相关文章:

javascript - 将javascript全局变量设置为JSONresult?

javascript - jQuery - 这个语法是什么意思?

html - 在 Angular 5 App 中首次加载 App 时不播放背景视频

javascript - 如何为我的模型使用 ng-bind?

javascript - 无法使用 javascript 将 XML 文件中的文本获取到变量中

javascript - Accordion 下拉菜单中的 Bootstrap 模式弹出按钮

javascript - Tablesorter:要过滤的外部复选框

html - 使用宽度百分比时 CSS Typewriter 动画出错

html - 隐藏标签

javascript - d3js 在 map 上强制布局