首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >问答首页 >Owl轮播销毁问题(未捕获TypeError:无法读取未定义的属性' destroy‘)

Owl轮播销毁问题(未捕获TypeError:无法读取未定义的属性' destroy‘)
EN

Stack Overflow用户
提问于 2014-04-22 19:00:59
回答 2查看 14.7K关注 0票数 0

我正在为我的项目使用Owl carousel,在某些分辨率上我需要销毁owl carousel,所以我使用了owl carousel销毁函数,但在使用该函数时,其他jquery函数不起作用,甚至文档也没有准备好,请帮助修复此问题,以便我可以将owl carousel销毁函数与jquery一起使用

以下是我的代码

代码语言:javascript
运行
复制
  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

EN

回答 2

Stack Overflow用户

回答已采纳

发布于 2014-04-22 20:26:15

您正在将destroy函数应用于一个对象,undefined.You可以尝试这样的操作。

代码语言:javascript
运行
复制
if(typeof banner.data('owlCarousel') != 'undefined') {
    banner.data('owlCarousel').destroy();
    banner.removeClass('owl-carousel');
}
票数 9
EN

Stack Overflow用户

发布于 2014-04-22 19:15:09

如果这是您的完整代码,并且您不只是为了便于阅读而压缩它,那么您就错过了移动功能的结束}

它应该是:

代码语言:javascript
运行
复制
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);
票数 0
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/23217594

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档