BxSlider destroySlider（）函数不工作：slider undefined或不是函数

Question

我有一堆使用bxslider在旋转木马中显示的帖子。激发旋转木马的代码如下所示：

jQuery(document).ready(function() { 

var carouselWidth = 640; 
var carousel; 
var carousel_Config = { 
      minSlides: 1, 
      maxSlides: 5, 
      slideWidth: 285, 
      slideMargin: 25, 
      controls: false, 
      pagerSelector: '.pager' 
} 

    if(jQuery(window).width() > carouselWidth) { 
     carousel = jQuery('.event-carousel').bxSlider(carousel_Config); 
    }; 

    jQuery(window).resize(function() { 
     if(jQuery(window).width() > carouselWidth) { 
      carousel = jQuery('.event-carousel').bxSlider(ttCarousel_Config); 
     } else { 
      carousel.destroySlider(); 
     } 
    }); 

}); 

简单，对吧？

问题是，destroySlider（）不起作用：我得到的“旋转木马”是未定义的。这是相同的，如果我尝试：

jQuery('.event-carousel').bxSlider().destroySlider(); 

我想申报“旋转木马” jQuery的外部（文件...）把旋转木马变种;在脚本的顶部，但我总是在控制台中得到相同的结果：Carousel未定义。

我该如何解决这个问题？

Answer 1

请您用下面的代码试试：

jQuery(document).ready(function() { 

var carouselWidth = 640; 
var carousel = null; 
var carousel_Config = { 
      minSlides: 1, 
      maxSlides: 5, 
      slideWidth: 285, 
      slideMargin: 25, 
      controls: false, 
      pagerSelector: '.pager' 
} 

    if(jQuery(window).width() > carouselWidth) { 
     if(carousel == null) 
      carousel = jQuery('.event-carousel').bxSlider(carousel_Config); 
    }; 

    jQuery(window).resize(function() { 
     if(jQuery(window).width() > carouselWidth) { 
      if(carousel == null) 
       carousel = jQuery('.event-carousel').bxSlider(ttCarousel_Config); 
      else 
       carousel.reloadSlider(); //reloading the slider if already instance present 
     } else { 
      if(carousel){ 
       carousel.destroySlider(); 
       carousel = null; 
      } 
     } 
    }); 

}); 

请摧毁它之前检查carousel对象。同样适用于初始化carousel。如果它已经存在，则不需要创建/重新初始化轮播。