问题标签 [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 回答
444 浏览

javascript - jQuery 'swiper' 插件神秘地不起作用

我试图弄清楚为什么无论我做什么,此页面上的滑块/滑动器插件都拒绝运行 - 我尝试使用 $(function(){ 和 window.onload 作为插件的作者在 DOM 中调用脚本建议以及更改插件的顺序,尝试将其放在插件之间/之前/之后等。但它要么破坏其他插件,要么无法完全正常工作。

第一次使用 Firefox 的 Firebug,我还注意到这个脚本以红色突出显示,表明某些地方显然是错误的,但是作为 jQuery 调试的新手,我很难弄清楚到底是什么..

我让它在另一个测试页面上运行良好,所以我认为它一定是与我正在使用的一个或多个当前 jQuery 插件的某个地方不兼容?

0 投票
1 回答
2381 浏览

jquery - 图像在轮播模式下消失(jQuery Swiper 插件)

我正在为主页滑块使用 iDangero.us Swiper 插件,我在所有浏览器中都遇到了一个特殊的问题。我有 4 张幻灯片(每张都是一个带有背景图像和一些文本和图像的 div),在我滑动(或单击“下一步”按钮)从最后一张幻灯片转到第一张之前,一切看起来都很好。新幻灯片完全显示为白色,只需轻轻拖动即可使其正确显示。

有趣的是,如果我向后滚动(将滑块向左拖动或单击“后退”按钮),则不会发生这种情况。

演示在这里:https ://dl.dropboxusercontent.com/u/13308449/design-boost/index.html

什么可能导致这种行为,我该如何解决?

0 投票
1 回答
3250 浏览

jquery - iDangero.us Swiper Wordpress 集成

我正在尝试将 Swiper 集成到 Wordpress 主题中,但没有运气。

这是来自我的functions.php:

这是来自我的 header.php

这是 HTML 标记:

一切看起来都像它应该的那样,但它现在正在工作......

任何帮助将不胜感激...

0 投票
1 回答
1354 浏览

javascript - iDangerous Swiper 最后点击的元素回滚滑块

在我的网站上,我使用iDangerous Swiper Slider。并且有

选项:

单击最后一张幻灯片(№14)滑块向左滑动。如何删除此操作?请帮忙..

您可以在此处查看工作示例

这里初始化代码:

0 投票
1 回答
11699 浏览

jquery - iDangerous Swiper - 页面更改操作

每次使用iDangerous Swiper jQuery 插件更改页面时,我都想交换图像。

可以通过用手指在视图之间拖动或mySwiper.swipePrev()在代码中使用来更改页面。每次更改时,我都需要更改src显示正在显示哪个页面的图像。只有2种不同的观点。

HTML:

jQuery:

我的第一个想法是在 mySwiper.swipeNext() 中调用另一个函数,但这似乎只在单击文本时调用,而不是在滑动时调用。

有没有一种方法可以让我在页面更改时进行监听,或者我可以使用 hack 来检测元素(即第 1 页或第 2 页上的某些内容)何时使用 jQuery 在视口中显示?

0 投票
1 回答
2708 浏览

javascript - iDangerous Swiper 滑块,自定义覆盖不随 restslider 缩小

我有这个使用 iDangerous Swiper 插件的滑块。

她是小提琴:http: //jsfiddle.net/2vNTw/1/

滑动滑块设置为轮播模式,最大宽度为 1275 像素。在此,我为不在中心的非活动图像/图像制作了自定义叠加层。覆盖在未按比例缩小时工作正常,但在按比例缩小时,覆盖也会覆盖居中/活动幻灯片,这是不应该的。

使用 jQuery 进行缩放:

JQUERY 缩放:

是否有可能让叠加层也按比例缩放?

0 投票
1 回答
1989 浏览

android - 如何从 iDangero.us 和 JQuery mobile 正确初始化 Swiper?

刷卡器无法正常工作。它在一页中显示所有幻灯片。我认为这是因为声明,但我找不到正确的顺序。我试图禁用 jQuery 移动和滑块工作,但所有的应用程序都搞砸了。我需要他们两个...正确的顺序是什么?

此外,如果我禁用危险脚本,导航按钮就会消失。

我只修改了 index.js,它是:

}

0 投票
6 回答
36336 浏览

jquery - 如果窗口调整为更大的分辨率,则销毁 iDangerous Swiper,或者在调整为更小的分辨率时调用它

我正在以较低的分辨率为我的网站使用iDangerous Swiper 。我是这样称呼它的:

因此,当您在桌面浏览器中访问它时,不会调用 swiper。我想要做的是“打开它”如果用户将窗口大小调整为小于resolution或如果用户以小窗口大小访问它然后将其调整为大于resolution. 我试过这个,但没有奏效:

发生了两件不受欢迎的事情:

  1. 如果用户处于小分辨率并将其调整为仍调用 swiper 的分辨率,它会重新启动 swiper。
  2. 如果用户使用小分辨率并将其调整为更大的分辨率,则它不会被破坏。

我的问题是typeof。当像这样调用变量时,我不太了解变量是如何工作的:$('.swiper-container').swiper()

我如何“取消呼叫” swiper,如果它已经被调用,如何不调用它?

0 投票
2 回答
2677 浏览

android - 如何设置左右滑动限制?

如何使刷卡器的左右限制减少?如果我在第一张幻灯片上并且向右滑动,则会有一个阈值,我会看到包装器。我怎样才能最小化这个以缩短距离..例如在响应式设计示例中: http ://www.idangero.us/sliders/swiper/demos.php

0 投票
4 回答
507 浏览

javascript - 根据浏览器宽度打开/关闭 jquery 调用

我有一个基于 Wordpress 的响应式网站,我想根据浏览器窗口宽度调用Swiper 。所以我写了这个:

它运行良好,但如果用户调整窗口大小,网站会变得有点混乱。

所以,我把这一切都写在了一个$(window).resize. 它起作用了,但是发生了两件事:

  1. 当用户启动浏览器< browserwidth并将窗口大小调整为 时browserwidth,它会不断重新加载 Swiper,这并不是那么酷。
  2. 当用户启动浏览器< browserwidth并调整窗口大小时,即使我使用现有功能browserwidth,Swiper 也不会“关闭” 。mySwiper.destroy()

那么,我如何打开/关闭 jQuery 调用或检测到它被调用并销毁它?