Hinzufügen von Folie in bestimmten Abschnitt, wenn im mobilen Gerät (mit Fullpage JS)

Question

Guten Tag. Also, ich habe dieses Skript:

<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> 

so normalerweise macht es zwei columns richtig? Jetzt möchte ich eine Bedingung machen, wenn es in mobilen Gerät es ein coloumn zeigen nur

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

dann will ich slide von blattgr js https://alvarotrigo.com/fullPage/#secondPage hinzuzufügen. i ändern mein Skript zu diesem

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

Jetzt getan Ich füge .slidesection meiner ‚.portofoliogallery‘, aber das Problem ist mein Schlitten nicht funktioniert. Ich kann es nicht schieben und ich ändere bereits meine slideselector zu diesem slideSelector:'.slidesection'. so ... Was habe ich verpasst ? Entschuldigung schlechtes Englisch

Answer 1

Sie müssen fullPage.js erneut zerstören und initialisieren, damit die neue Folie erkannt werden kann.

Überprüfen Sie meine Antwort in this post.