问题标签 [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.
javascript - jQuery 'swiper' 插件神秘地不起作用
我试图弄清楚为什么无论我做什么,此页面上的滑块/滑动器插件都拒绝运行 - 我尝试使用 $(function(){ 和 window.onload 作为插件的作者在 DOM 中调用脚本建议以及更改插件的顺序,尝试将其放在插件之间/之前/之后等。但它要么破坏其他插件,要么无法完全正常工作。
第一次使用 Firefox 的 Firebug,我还注意到这个脚本以红色突出显示,表明某些地方显然是错误的,但是作为 jQuery 调试的新手,我很难弄清楚到底是什么..
我让它在另一个测试页面上运行良好,所以我认为它一定是与我正在使用的一个或多个当前 jQuery 插件的某个地方不兼容?
jquery - 图像在轮播模式下消失(jQuery Swiper 插件)
我正在为主页滑块使用 iDangero.us Swiper 插件,我在所有浏览器中都遇到了一个特殊的问题。我有 4 张幻灯片(每张都是一个带有背景图像和一些文本和图像的 div),在我滑动(或单击“下一步”按钮)从最后一张幻灯片转到第一张之前,一切看起来都很好。新幻灯片完全显示为白色,只需轻轻拖动即可使其正确显示。
有趣的是,如果我向后滚动(将滑块向左拖动或单击“后退”按钮),则不会发生这种情况。
演示在这里:https ://dl.dropboxusercontent.com/u/13308449/design-boost/index.html
什么可能导致这种行为,我该如何解决?
jquery - iDangero.us Swiper Wordpress 集成
我正在尝试将 Swiper 集成到 Wordpress 主题中,但没有运气。
这是来自我的functions.php:
这是来自我的 header.php
这是 HTML 标记:
一切看起来都像它应该的那样,但它现在正在工作......
任何帮助将不胜感激...
jquery - iDangerous Swiper - 页面更改操作
每次使用iDangerous Swiper jQuery 插件更改页面时,我都想交换图像。
可以通过用手指在视图之间拖动或mySwiper.swipePrev()
在代码中使用来更改页面。每次更改时,我都需要更改src
显示正在显示哪个页面的图像。只有2种不同的观点。
HTML:
jQuery:
我的第一个想法是在 mySwiper.swipeNext() 中调用另一个函数,但这似乎只在单击文本时调用,而不是在滑动时调用。
有没有一种方法可以让我在页面更改时进行监听,或者我可以使用 hack 来检测元素(即第 1 页或第 2 页上的某些内容)何时使用 jQuery 在视口中显示?
javascript - iDangerous Swiper 滑块,自定义覆盖不随 restslider 缩小
我有这个使用 iDangerous Swiper 插件的滑块。
她是小提琴:http: //jsfiddle.net/2vNTw/1/
滑动滑块设置为轮播模式,最大宽度为 1275 像素。在此,我为不在中心的非活动图像/图像制作了自定义叠加层。覆盖在未按比例缩小时工作正常,但在按比例缩小时,覆盖也会覆盖居中/活动幻灯片,这是不应该的。
使用 jQuery 进行缩放:
JQUERY 缩放:
是否有可能让叠加层也按比例缩放?
android - 如何从 iDangero.us 和 JQuery mobile 正确初始化 Swiper?
刷卡器无法正常工作。它在一页中显示所有幻灯片。我认为这是因为声明,但我找不到正确的顺序。我试图禁用 jQuery 移动和滑块工作,但所有的应用程序都搞砸了。我需要他们两个...正确的顺序是什么?
此外,如果我禁用危险脚本,导航按钮就会消失。
我只修改了 index.js,它是:
}
jquery - 如果窗口调整为更大的分辨率,则销毁 iDangerous Swiper,或者在调整为更小的分辨率时调用它
我正在以较低的分辨率为我的网站使用iDangerous Swiper 。我是这样称呼它的:
因此,当您在桌面浏览器中访问它时,不会调用 swiper。我想要做的是“打开它”如果用户将窗口大小调整为小于resolution
或如果用户以小窗口大小访问它然后将其调整为大于resolution
. 我试过这个,但没有奏效:
发生了两件不受欢迎的事情:
- 如果用户处于小分辨率并将其调整为仍调用 swiper 的分辨率,它会重新启动 swiper。
- 如果用户使用小分辨率并将其调整为更大的分辨率,则它不会被破坏。
我的问题是typeof
。当像这样调用变量时,我不太了解变量是如何工作的:$('.swiper-container').swiper()
。
我如何“取消呼叫” swiper,如果它已经被调用,如何不调用它?
android - 如何设置左右滑动限制?
如何使刷卡器的左右限制减少?如果我在第一张幻灯片上并且向右滑动,则会有一个阈值,我会看到包装器。我怎样才能最小化这个以缩短距离..例如在响应式设计示例中: http ://www.idangero.us/sliders/swiper/demos.php
javascript - 根据浏览器宽度打开/关闭 jquery 调用
我有一个基于 Wordpress 的响应式网站,我想根据浏览器窗口宽度调用Swiper 。所以我写了这个:
它运行良好,但如果用户调整窗口大小,网站会变得有点混乱。
所以,我把这一切都写在了一个$(window).resize
. 它起作用了,但是发生了两件事:
- 当用户启动浏览器
< browserwidth
并将窗口大小调整为 时browserwidth
,它会不断重新加载 Swiper,这并不是那么酷。 - 当用户启动浏览器
< browserwidth
并调整窗口大小时,即使我使用现有功能browserwidth
,Swiper 也不会“关闭” 。mySwiper.destroy()
那么,我如何打开/关闭 jQuery 调用或检测到它被调用并销毁它?