问题标签 [swiper]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票
1 回答
1055 浏览

jquery - 通过 addThis.com 动态更改 data-url 和 data-title

网站有滑块(Swiper)。幻灯片结束后,我为 data-url 和 data-title 设置了新值。

当检查元素时,一切看起来都不错,但是,例如,当按下通过邮件共享时,我仍然得到默认值。

有人使用 addThis.com 并动态更改此数据吗?

一些代码(似乎在检查元素中工作:

谢谢

0 投票
0 回答
947 浏览

javascript - Swiper.js 错误 - ReferenceError:通过 npm 安装时未定义窗口

当我通过 npm 安装 3.0.3 并在定义 React.js 组件之前添加行 require('swiper') 时,它会出现以下内容:

当然服务器没有窗口,但我不知道如何解决这个错误。第一次潜入节点。使用 react、gulp、browserify、express。有任何想法吗?

0 投票
1 回答
3463 浏览

internet-explorer - IE svg 没有显示填充颜色

我正在使用 swiper.js 制作一个简单的滑块图片库。它使用 svg 作为下一个和上一个箭头,我必须更改填充颜色以匹配我正在使用它的网站。Firefox 无法使用十六进制填充颜色,因此我将其更改为 rgb,它现在可以在 Chrome 和 Firefox 中使用。任何人都知道 IE 对 SVG 的支持以及如何解决这个问题?这是代码。

有问题的部分是fill='rgb(138,0,0)'

0 投票
8 回答
31904 浏览

javascript - 循环为真时 iDangero.us 滑动计数

我在网页上使用 iDangero.us Swiper js,初始化代码如下:

我需要获取当前滑块索引和滑块总数。Swiper API 提供了 mySwiper.activeIndex 属性和 mySwiper.slides 但问题是当循环为真时,它们不会给出正确的索引和计数。

当循环为真时,有什么方法可以正确获取这些数字?

0 投票
0 回答
259 浏览

jquery - iOS 7点击/触摸事件导致滑动器调整大小

我一直在尝试在 iOS 7 上调试这个问题,这让我发疯。我使用 iDangerous Swiper ( http://www.idangero.us/swiper/get-started/ )。使用幻灯片中的可点击按钮前进到下一张幻灯片。在该按钮单击时还有一个 AJAX 提交。我一直在尝试使用 touchstart 事件来使移动设备上的点击更加可靠。这已经成功,但在 iphone 6 (iOS 7) 上,滑动器会在第一张幻灯片移动之前闪烁/调整大小。在我测试过的所有其他浏览器上都很好。

为了调试,我尝试使用 setTimeout 将所有触发的事件延迟几秒钟,以查看是哪个事件导致它。当我延迟事件时,不会发生闪烁/调整大小。

我对可能导致此问题的原因或如何调试它一无所知。

jquery触发器如下:

我也尝试过“光标:指针”修复,但没有运气。有人请给我一些想法!

0 投票
1 回答
2390 浏览

javascript - Swiper 为多行时的 Swiper-Slide-Active 类

我将 Swiper 设置为每列显示 2 行,但是当我这样做时,未正确设置 Swiper-Slide-Active 类,即此类不适用于显示在 swiper 中心的幻灯片 (2) .

知道我在这里做错了什么吗?,以下刷卡器的设置:

0 投票
1 回答
5526 浏览

javascript - 我在哪里放置我的回调?(Framework7 Swiper)

我正在尝试添加回调,以便在刷卡器中的最后一张图像上显示警报,但我不确定将回调放在哪里?

回调是:函数 onReachEnd(swiper)。

0 投票
2 回答
5705 浏览

jquery - iDangerous Swiper 插件在活动幻灯片上淡出 div 并在滑动时淡出

我正在尝试设置 swiper 以便它在每张幻灯片上淡入一个 div 。

幻灯片看起来像这样

我希望它正常滑动,但是当它是活动幻灯片时,每张幻灯片的类卡片动作都会淡入 div,然后当你开始滑动到下一张幻灯片时,我希望它淡出。任何人都知道如何做到这一点?

0 投票
0 回答
220 浏览

photoswipe - 如何在滑动父滑动幻灯片时停止滑动缩略图单击功能?

我正在为我的网站使用 photoswipe 和 swiper 插件。我在一个运行良好的 swper-slide 类中获取了 photoswipe 画廊。当我尝试滑动滑动器幻灯片时,会出现问题,点击照片滑动缩略图并显示覆盖的画廊。我需要在滑动滑动条时停止滑动点击功能。

0 投票
1 回答
7417 浏览

javascript - Idangerous Swiper 不刷卡

我目前遇到危险的刷卡问题。我使用该顺序中包含的以下库:

  • jQuery 1.9.1
  • jQuery 移动 1.4.5
  • 危险的 Swiper (jQuery) 3.0.6

在通过 javascript 将 swiper 添加到 DOM 之前,我正在对其进行修改以满足我的需要。

最后生成以下 html 代码,该代码应符合 api 的需求:

代码是动态生成的,应该生成多个 swiper(因此类名为swiper- X)。

将滑动条添加到元素的代码如下:

控制台没有错误,刷卡器不刷卡。

更新 问题已解决。enigma在证明代码在没有 AJAX 的情况下似乎可以正常工作后检查代码。正如下面的评论中提到的,enigma问题的帖子是 ajax 调用甚至没有完成,但是已经创建了 swiper。因此,将 Swiper 构造放在一切的done()回调中工作正常。$.ajax