一开始我的swiper-slide很好用,我可以水平滚动它,但是在我使用php从数据库中显示产品详细信息后,swiper-slide现在垂直显示而不是水平显示。这就是我的问题 - 我想水平显示我的swiper slide。
一开始我的swiper-slide很好用,我可以水平滚动它,但是在我使用php从数据库中显示产品详细信息后,swiper-slide现在垂直显示而不是水平显示。这就是我的问题 - 我想水平显示我的swiper slide。
首先,我也遇到了同样的错误,然后我找出了解决方法。
"<link rel="stylesheet" href="https://unpkg.com/swiper/swiper-bundle.min.css" ">
以上的链接未包含在HTML的头部中......请访问Swiper网站以获取链接。希望这会有所帮助。
默认情况下,Swiper将“direction”设置为“horizontal”
确保您已正确设置选项,请尝试以下代码
var swiper = new Swiper('.your-swiper-container', { 'direction': 'horizontal' });
//使用页面加载方法,这将在页面加载和滑块初始化后将方向设置为水平
swiper.params.direction = "horizontal"; //用于水平方向 swiper.update();