问题标签 [swiperjs]

我正在使用 swiper.js 滑块。

到目前为止，它工作得很好，我已经为键盘用户实现了可访问性。用户可以通过按 Enter 来聚焦箭头图标并更改滑块图像。

现在我正在尝试让键盘也可以访问分页项目符号，但我不知道如何开始。我尝试查找分页项目符号的已实现单击功能，但它已缩小，我对我没有帮助。

分页子弹的点击功能

有什么建议么？

嘿，我正在使用 swipper js 构建一个垂直滑块！

预期的解决方案：

-> 在构建滑块时，我想在鼠标滚动到第一张或最后一张幻灯片时立即释放它。

问题：

-> 当我将 swiper 版本降低到4.5.1时，有时它会同时使页面滚动和滑块（仅发生几次） -> 主要问题发生在我使用5.3.1版本时，当达到第一张或最后一张幻灯片，它滚动得太突然，过渡不流畅，导致一些可用性问题......

代码：

版本 4.5.1

版本 5.3.1

注意：我删除了 4.5.1 版本的边缘属性上的发布，因为目前它正在导致该错误。

抱歉发了这么长的帖子，在此先感谢！

嗨，我正在尝试在我的 wordpress 网站上创建响应式滑块，我想在台式机 5 列、平板电脑 4 列和移动设备 3 列上使用滑块，并使用 css 在移动设备上隐藏箭头这是我的代码：

但似乎不起作用，在任何浏览器宽度上它仍然显示 3 列，如何解决？谢谢

这是我的jQuery

您好，我正在使用拇指滑块。画廊顶部的滑块都有导航。还有一个画廊拇指滑块导航。我无法同步运行它们。因为当我在 gallery-thumb 滑块中添加导航时，swiper-button-next 和 swiper-button-prev 类变为禁用状态。我怎么解决这个问题

-->> HTML 代码

JS 代码 -->

https://i.hizliresim.com/FqQ2ef.jpg

我试图使用官方页面上给出的演示使用 swiper js 在引导程序上制作 2 行幻灯片。但是，当我复制代码并在浏览器上运行时，它显示如下

代码与演示页面完全相同

我尝试更改每个视图的幻灯片和每列的幻灯片，但它们几乎相同。

我有两个应该同时滚动的滑动幻灯片。到目前为止它正在工作。但我想反转第二个幻灯片的滚动方向并保持第一个的自然方向。我试图实现这一点，使负转换值为正。但它并没有真正起作用......这是我到目前为止所做的：

代码笔： https ://codepen.io/Dennisade/pen/eaRLZW

如何在 ionic 4 中使用以下方法：https ://swiperjs.com/api/#virtual

我尝试根据 API 文档应用它，但此代码不起作用。我究竟做错了什么？

}

我有一个使用 CLI 生成的 Angular 应用程序。角版本 9.0.6

此应用程序在 Internet Explorer 11 上完美加载，但在 Edge 中没有。在 Edge 中，网络请求显示某些捆绑包处于待处理状态并且它们没有完成下载，因此它说没有响应。

我还怀疑一个名为 NPM 的包ngx-swiper-wrapper(9.0.1)，因为这会导致应用程序在 IE 11 和 Edge 的端口 4200 上进行本地测试时无法工作。在生产/测试 ENV 上，应用程序在 IE 上加载，但在 Edge 上没有，我缺少什么吗？

在 polyfills.ts 中取消注释以下行时

安装 web-animations-js 和 classlist.js 后，该应用程序无法在 IE 和 Edge 上运行。在IE上哭如下

这与class Dom7 { ......

我该如何解决这个问题，我似乎无法弄清楚。

我的 Node/Express 服务器确实具有以下标头

开发者工具没有错误。这是复制链接

更新 这个问题是由我正在使用的库引起的，而不是 Angular 本身。这里有一个未解决的问题。

我正在使用 SwiperJs 构建一个简单的画廊。一切正常，除了当我尝试使滑块适应内容的高度时，它消失了。

这是AutoHeight 工作的官方演示。

这是我的演示。（删除演示中的“//”以查看滑块消失。

这是AutoHeight的文档

注意：如果我添加 autoHeight 行，缩略图包装器也会发生同样的事情。在此处输入链接描述

我希望能够使用按钮在滑块视图和网格视图之间切换。我从滑块视图开始，初始化如下：

我通过以下方式切换到网格视图：

这一切都很好。但后来我重新初始化，原文如此：

滑块返回，自动播放适用于一张幻灯片，但随后停止工作。我的按钮不起作用，键盘导航、分页、鼠标滚轮；这些都不起作用。但是单击和拖动仍然可以像触摸导航一样工作。我尝试init()了使用和不使用swiperOpts对象，并且我已经使用了选项，destroy()但它并没有产生任何影响。我也尝试过投入swiper.attachEvents()并swiper.update()取得很好的效果，但仍然没有结果。当然，我可以重新加载页面，但我希望能够尽可能无缝地切换回来。我错过了什么？

谢谢