滑动滑动显示垂直而不是水平

Question

我的滑动滑片起初工作良好，可以水平滚动，但是在使用php从数据库中显示我的产品详细信息之后，滑动滑片现在垂直显示，而不是水平显示。那就是我的问题-我想水平显示我的滑动幻灯片。

Answer 1

默认情况下，swiper将“ direction”设置为“ horizo​​ntal”。
请确保正确设置了选项，请尝试以下代码

var swiper = new Swiper('.your-swiper-container', {
   'direction': 'horizontal'
});

//Using Method on page load, this will set the direction to horizontal on page load and after slider initialization

swiper.params.direction = "horizontal"; //for horizontal
swiper.update();

Answer 2

首先，我也面临同样的错误，然后我发现

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

上述链接未包含在 HTML 的头部..... 请访问 swiper 网站获取链接。 我希望它会有所帮助。