モバイルで水平カルーセルに垂直カルーセル（デスクトップ）を切り替えます。

Question

彼らは、モバイルデバイス上で垂直（デスクトップビュー）カルーセルを水平カルーセルに変更/変換させるプラグインを知っていますか？さて、これは私のJSコードで、私は滑らかなプラグインで働いているが、私は私が必要とする結果を得ることができません

：

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

Answer 1

私はあなたが間違っているところだと思うあなたはslick()を初期化しているあります2回（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; 
    }); 
} 

*ノート、私はちょうどあなたのJSを見て、slicksliderを使用したことがありません。