在移动设备中的指定部分添加幻灯片（使用整页 JS）答案

【问题标题】：Adding slide in specified section when in mobile device (Using Fullpage JS)在移动设备中的指定部分添加幻灯片（使用整页 JS）
【发布时间】：2017-10-28 10:12:24
【问题描述】：

美好的一天。所以，我有这个脚本：

<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'。所以我错过了什么？对不起英语不好

【问题讨论】：

标签： javascript jquery fullpage.js

【解决方案1】：

您必须再次销毁并初始化 fullPage.js，以便它可以识别新幻灯片。

在this post查看我的答案。

【讨论】：