在移動設備中使用指定部分添加幻燈片（使用Fullpage JS）

Question

美好的一天。所以，我有這個腳本：

<section class="section"> 
    <div class="row text-center profilmain"> 
     <div class="portofoliogallery col-12 col-sm-6 col-md-4 col-lg-4"> 
       1  
     </div> 
     <div class="portofoliogallery col-12 col-sm-6 col-md-4 col-lg-4"> 
       2 
     </div> 
    </div> 
</section> 

所以通常它會使兩個coloumns對嗎？現在我想打一個條件，如果它在移動設備，它會顯示一個coloumn只有

if($(window).width() < 600){ 
     $('.portofoliogallery').addClass('slidesection'); 
     var $this = $('.portofoliogallery').first(); 
     $this.parent('.row').addClass('flex-row flex-nowrap'); 
    } 
}); 

的話，我想從全頁JS https://alvarotrigo.com/fullPage/#secondPage添加slide。我改變我的腳本這個

if($(window).width() < 600){ 
     $('.portofoliogallery').addClass('slidesection'); 
     var $this = $('.portofoliogallery').first(); 
      $this.parent('.row').addClass('flex-row flex-nowrap'); 
      alert($('.portofoliogallery').hasClass('slidesection')); 
    } 
}); 

現在，我完成了添加.slidesection我的「.portofoliogallery」，但問題是我的滑不工作。我無法滑動它，並且我已將slideselector更改爲此slideSelector:'.slidesection'。所以我錯過了什麼？對不起英文不好

Answer 1

你必須重新銷燬並初始化fullPage.js才能識別新的幻燈片。

查看我的答案this post。