수직 형 회전식 컨베이어 (데스크탑)에서 수평 형 회전식 컨베이어로 전환

Question

그들은 모바일 장치에서 수직 (데스크탑보기) 회전식 컨베이어를 수평 회전식 컨베이어로 변경/변환 할 수있는 하나의 플러그인을 알고 있습니까? 잘못된 당신은 slick()를 초기화하고 당신이 어디로 가는지 나는 생각

  $('.demo-slider).slick({ 
         vertical: true; 
        }); 
      var windowWidth = $(window).width(); 
       if(windowWidth < 768){ 
        $('.demo-slider').slick('unslick',function(){ 
        $('.demo-slider).slick({ 
         vertical: false; 
        }); 
       }); 
      } 

Answer 1

:

가 지금은 매끄러운 플러그인 함께 일하고 있어요하지만 내가 원하는 결과를 얻을 수 없다, 이건 내 JS 코드 두 번 (jQuery 선택기에서 '을 닫는 것을 잊었다.) 나는이 같은 slick()의 초기화에서로 인조의 미디어 쿼리를 전환 할 것 :

// 1- Get window width 
var windowWidth = $(window).width(); 

// 2- For all devices under or at 768px, use horizontal orientation 
if(windowWidth <= 768) { 
    $('.demo-slider').slick({ 
    vertical: false; 
    }); 
} 
// 3- For all devices over 768px, use vertical orientation 
else { 
    $('.demo-slider').slick({ 
    vertical: true; 
    }); 
} 

* 참고, 내가 사용한 적이 slickslider를, 당신의 JS를 찾고 있습니다.