Cycle2 for Bootstrap 3, 모바일에서의 사이클 파괴, 모바일보다 큰 재 초기화

Question

이상한 점이 있습니다. cycle2를 사용하여 슬라이드 쇼를 만들었습니다. 나는 내 HTML에서이를 초기화하는 해요 :

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

그리고 난 다음

var contentslideShowElement = $('.content-slide-show'); 
contentslideShowElement.on('cycle-initialized', function() { 
    contentSlideShowInitialized = true; 
}); 
contentslideShowElement.on('cycle-destroyed', function() { 
    contentSlideShowInitialized = false; 
}); 

를 사용하여 크기 조정 창에 대한보고 사용하여 호출 initialized 및 destroyed 이벤트에 대해 알아보고 있어요

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

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

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

기본적으로 슬라이드 쇼가 슬라이드 쇼이고 브라우저가 768 이하로 크기가 조정되면 슬라이드 쇼가 파괴됩니다 (그러면 CSS가 C를 중계하는 경우가 발생합니다). ontnet).

다른 주에서는 슬라이드 쇼가 폐기되었고 브라우저가 768을 초과하여 크기가 조정되어주기를 다시 초기화하는지 묻습니다. 사이클의가 올바른 시간에 [cycle2] cycle-destroyed 및 [cycle2] --c2 init--를 되 고 말하고, 그러나 재 초기화 오면 그냥 작동하지 않는 로그인으로

두 이벤트 (작업을 한 것으로 나타났습니다.

어떤 아이디어?

Answer 1

원래 요소에서 . cycle()을 사용하면 HTML data- 값을 사용하지 않기 때문에 재 초기화를 수정해야한다는 것을 알았습니다.

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