10得票4回答
当幻灯片更改时,我如何获取当前幻灯片的索引?

我有以下内容。 mySwiper = new Swiper('.my-swiper', { direction: 'vertical', loop: true, }); mySwiper.on('slideChange', function () { console....

10得票1回答
Swiper - 初始化时宽度错误,调整大小后宽度正确

我正在使用Swiper工具开发一个项目,调整浏览器窗口大小后,一切都正常。但是在初始化时,幻灯片的宽度不正确。我尝试在本地复制此问题,但没有成功。我设置了每个视图中的4个幻灯片,但它只计算3.5个幻灯片的宽度。我已经清除了配置中除slidesPerView以外的所有内容,但没有任何改变。这可能...

10得票2回答
swiper -- slidesPerView={'auto'} 对我无效。

我正在制作一个轮播(swiper),我的目的是在滑块(slider)中收集一些 ,但我不想使用 breakPoint 属性来实现响应式工作。 我希望通过设置 slidesPerView 来自动填充 swiper 包装器。 我阅读了文档并使用了示例代码...... 结果就像这样,在视图中仅出现一...

10得票3回答
从ion-slides迁移后出现错误“swiper-slide”不是已知元素

我更新了我的Angular Ionic 5应用程序,试图从ion-slides迁移到Slides。 我正在遵循官方文档。 我安装了swiper npm install swiper@6 在scss文件中导入了@import '~swiper/swiper'; 在我的app.module.t...

10得票7回答
轮播图分页未显示

这是您需要翻译的内容: 第一次使用 swiper,我按照文档中的说明在我的代码中添加了 HTML 部分,然后在 JS 中进行初始化。我已经初始化了分页,但它没有显示在我的页面上。以下是我的代码: JS: var Swiper = require('swiper'); $(docum...

10得票3回答
Swiper触摸事件 - 启用点击但禁用拖动

我正在使用Swiper 3.4.2幻灯片,将缩略图作为分页幻灯片。我需要禁用分页幻灯片上的拖动功能,但启用单击事件,以便可以通过在分页幻灯片上单击缩略图来更改主幻灯片。 var galleryThumbs = new Swiper('.gallery-thumbs', { ...

9得票1回答
swiper 中的 longSwipes 和 shortSwipes 配置有什么用途?

当我阅读swiper的文档时,我无法理解longSwipes的用法。有人能告诉我吗?最好给出一个例子。谢谢。 https://swiperjs.com/swiper-api#swiper-full-html-layout

9得票1回答
为什么JavaScript滑块会破坏我的CSS flex布局?

我正在学习CSS Flexbox,但在使用JavaScript滑块时遇到了一个问题。我尝试了几个(lightgallery.js、swiper.js、siema.js),但每次似乎都会破坏我的Flexbox容器。 我有一个主要元素和一个旁边的元素。在移动设备上,我希望主要元素和旁边的元素可以...

9得票3回答
如何在 <script setup> 中访问 this.$refs 的Vue技巧

我正在尝试复制这个,只是使用&lt;script setup&gt;标签,并且它没有this关键字。 模板(来自我想要复制的代码) &lt;swiper ref="swiper"&gt; &lt;swiper-slide&gt;&lt;/swiper-slide&gt; &...

9得票5回答
如何在VueJS中初始化Swiper?

首先感谢您的时间,因为我花了整个上午在处理这个问题。如何在vue.JS中使用https://idangero.us/swiper模块?实际上,Swiper已经在页面上,但参数似乎没有被考虑进去。 我也尝试过使用vue-awesome-swiper,但我更喜欢使用官方版本,以避免出现错误。我还...