在移动设备中在指定部分添加幻灯片（使用 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>

所以通常它会生成两列，对吗？现在我想提出一个条件，如果它在移动设备上只会显示一列

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 才能识别新幻灯片。

查看我在中的回答。

在移动设备中在指定部分添加幻灯片（使用 Fullpage JS）

Adding slide in specified section when in mobile device (Using Fullpage JS)

javascript

jquery

fullpage.js