Swiper-slide显示为垂直方向而非水平方向

Question

一开始我的swiper-slide很好用，我可以水平滚动它，但是在我使用php从数据库中显示产品详细信息后，swiper-slide现在垂直显示而不是水平显示。这就是我的问题 - 我想水平显示我的swiper slide。

- Mitch Frankein

Answer 1

首先，我也遇到了同样的错误，然后我找出了解决方法。

"<link rel="stylesheet" href="https://unpkg.com/swiper/swiper-bundle.min.css" ">

以上的链接未包含在HTML的头部中......请访问Swiper网站以获取链接。希望这会有所帮助。

- Akshay Shriram

Answer 2

默认情况下，Swiper将“direction”设置为“horizontal”
确保您已正确设置选项，请尝试以下代码

var swiper = new Swiper('.your-swiper-container', {
   'direction': 'horizontal'
});
//使用页面加载方法，这将在页面加载和滑块初始化后将方向设置为水平
swiper.params.direction = "horizontal"; //用于水平方向
swiper.update();

- KUMAR