SwiperJS 显示 5 个帖子/幻灯片而不是 3 个，尽管有 slidesPerView：3 - Wordpress、Genesis Featured Posts 小部件、swiperJS答案

【问题标题】：SwiperJS shows 5 posts/slides instead of 3, despite having slidesPerView: 3 - Wordpress, Genesis Featured Posts widget, swiperJSSwiperJS 显示 5 个帖子/幻灯片而不是 3 个，尽管有 slidesPerView：3 - Wordpress、Genesis Featured Posts 小部件、swiperJS
【发布时间】：2022-08-23 09:00:42
【问题描述】：

新手在这里。

如果需要更多信息，请告诉我！
非常感谢您查看+尝试提供帮助 ????

欲望

我正在尝试使用 Genesis Featured Post 小部件制作 SwiperJS 滑块。我希望滑块显示总共 5 个帖子中的 3 个。

问题

滑块显示所有 5 个帖子，尽管设置了 slidesPerView: 3

Swiper 初始化代码

var swiper = new Swiper(\'.swiper\', {

          spaceBetween: 30,

           slidesPerView: 3,

           autoplay:false,
     
          pagination: {

            el: \'.swiper-pagination\',

            clickable: true,
          },

          navigation: {
            nextEl: \'.swiper-button-next\',
            prevEl: \'.swiper-button-prev\',

          },
       });

检查员的屏幕截图

网站截图显示 5 个而不是 3 个帖子/幻灯片

Genesis Featured Post 设置的屏幕截图

标签： wordpress swiper.js genesis

【解决方案1】：

这是糟糕的 CSS 代码。其他一切正常。

【讨论】：