猫头鹰轮播破坏问题(未捕获类型错误:无法读取属性'销毁未定义的)

时间:2014-04-22 11:00:59

标签: javascript jquery html css

我正在使用猫头鹰旋转木马为我的项目在某些分辨率我需要销毁猫头鹰旋转木马因此我使用了猫头鹰旋转木马销毁功能但是在使用该功能时其他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

2 个答案:

答案 0 :(得分:9)

您正在将destroy函数应用于未定义的对象。您可以尝试这样的事情。

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

答案 1 :(得分:0)

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

应该是:

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);