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>

通常它会使两个颜色合适吗？现在我想提出一个条件，如果它在移动设备中它将只显示一个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中查看我的答案。

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

1 个答案: