Javascript 引导3的循环2，在移动设备上销毁循环，在比移动设备大的设备上重新初始化

我有一个奇怪的。我有一个使用cycle2的幻灯片，效果很好。我在我的HTML中使用以下内容初始化它：

<div class="content-slide-show cycle-slideshow" data-slides=".slide" data-next=".cycle-slideshow .next-slide" data-previous=".cycle-slideshow .previous-slide">

然后使用监视来调整窗口大小

$(window).resize(function(){
    destroyContentSlideShowForMobile();
});

function destroyContentSlideShowForMobile(){
    if( contentSlideShowInitialized && $(window).width() < 768 ){
        contentslideShowElement.cycle('destroy');
    }

   if( !contentSlideShowInitialized && $(window).width() > 768 ){
        contentslideShowElement.cycle();
    }
}

$（窗口）。调整大小（函数（）{
destroyContentSlideShowForMobile（）；
});
函数destroyContentSlideShowForMobile（）{
if（contentSlideShowInitialized&&$（window）.width（）<768）{
contentslideShowElement.cycle（'destroy'）；
}
如果（！contentSlideShowInitialized&&$（window）.width（）>768）{
contentslideShowElement.cycle（）；
}
}

基本上，如果幻灯片是幻灯片，然后浏览器的大小被调整到768以下，它应该会破坏幻灯片放映（然后我的CSS会转送contnet）

另一个状态询问幻灯片是否已被破坏，浏览器的大小调整到768以上以重新初始化循环

这两个事件似乎都在正确的时间工作（正如周期日志中所说，它正在被

[cycle2]周期破坏
和
[cycle2]--c2 init--
，但当它重新初始化时，它就不工作了

有什么想法吗？
结果表明，在原始元素上使用
.cycle（）
并不能跨越HTML
数据-
值，因此我不得不用

contentslideShowElement.cycle({
    slides: '.slide',
    next: ".cycle-slideshow .next-slide",
    previous: ".cycle-slideshow .previous-slide"
});

contentslideShowElement.cycle({
    slides: '.slide',
    next: ".cycle-slideshow .next-slide",
    previous: ".cycle-slideshow .previous-slide"
});