问题标签 [swiper]

我正在使用idangero.us 的 Swiper和 Jquery Mobile...

在这里，我将Scroll Container Swiper用于内容滑块...

只是面临很多将代码嵌入在一起的问题......

http://jsfiddle.net/keuKu/4/embedded/result/

滚动条没有作为演示中的滚动条出现，而且滚动条也没有粘在我离开它的标记上......

我正在使用 idangero.us 的 swiper jquery 插件在我的移动网站（使用 jquery mobile）中启用滑动，但是我遇到了一些问题。

滑动器有时无法检测到滑动，我必须点击屏幕上的某个位置以确保它再次开始检测到滑动手势。

我在这里有一个示例页面

用于初始化 swiper 的代码：

请帮我解决这个问题。

编辑：添加更多细节：

• jQuery手机1.3.1
• jQuery 1.8.3
• 刷卡器 1.9

浏览器： chrome(27.0.1453.90) for android

设备：三星 Galaxy Nexus

我有一个使用 swiper 滑动页面的桌面应用程序，但是当我在幻灯片页面中放置选择标签时，选择标签无法弹出下拉框，有人遇到过这个问题吗？提前谢谢！这里的演示是：

滚动条插件在具有滚动容器模式的 android 设备上不起作用。但在IOS上它工作正常。我该如何解决这个问题？

我正在创建一个包含多个图像库的网站。这些图像本质上是一个封面——当点击时，我想使用 Magnific Popup 打开一个灯箱，其中仅包含该项目中的图像幻灯片（不是从画廊项目 1 到画廊项目 2 等...）我已经使用 Swiper 插件设置了幻灯片，并希望在弹出窗口中打开它。我知道您可以在弹出窗口中打开 html 内容，但是包含整个幻灯片的 div 呢？这似乎合乎逻辑，但我无法让它发挥作用。

第一次在这里问问题，所以我会尽量让礼仪正确:)

我无法让 iDangerous swiper 与我的 Wordpress 安装一起使用。目前它是在 BitNami 中运行的本地安装，所以我无法分享链接，但我会尽力解释情况。我最好的 Google-Fu 无法找到答案。

首先，根据http://www.idangero.us/sliders/swiper/api.php的使用说明，我让 Swiper 在最小的 HTML 测试页面上运行得很好。

头部示例

正文示例

上述功能在最小测试中符合预期，但如果我在我的 wordpress 站点的 header.php 中执行相同操作，则标记有适当类的 HTML（根据上面的正文示例）不会变成交互式的。脚本文件似乎已在 Firebug 中加载，但仍未生效。

正如 WordPress 法典建议的那样，我已经尝试过“加入”脚本：

但这具有相同的结果；该脚本在 Firebug 中加载，但不在页面上运行。

我还尝试将初始化 swiper 的小脚本从头部转移到一个单独的 JS 文件中，并将其加入队列。同样，新脚本出现在 Firebug 的网络监视器中，但没有运行。

怀疑 jQuery 可能是问题所在，我将所有$快捷方式更改为jQuery，这是来自 Worpress Codex 的另一个提示。

但仍然没有骰子。

不知道从这里可以去哪里。我可以很好地解决 HTML 和 CSS 问题，但 PHP 和 JS 仍然让我很头疼。

请注意，在早期，我将 Swiper CSS 从默认值idangerous-swiper.css转移到了我的主样式表中。它的这一面按预期工作。

任何帮助将不胜感激。

皮特。

我目前正在一个网站上工作，其中Youtube 视频的播放器大小小于 150x150，它位于iDangero.us Swiper内，它是 jquery swiper 插件...

我已经尝试应用自定义尺寸如下： -

但它在 Firefox 中与播放器产生问题，它显示黑框并显示错误是控制台：-

我的演示：-

错误：-

我也在 Chrome 上进行了测试，它显示得很好......

我正在使用此代码：-

使用的JS：-

解决方案将是什么？我是不是在哪里弄错了...

我在一个容器上应用了危险的 swiper 滚动条插件，该容器的内容是用 ajax 动态加载的，我在 ajax 调用后初始化了插件，问题是在我调整浏览器大小之前滚动不起作用。我已经用静态内容对其进行了测试，它工作正常，无需调整窗口大小，但是一旦我切换到动态内容，滚动将无法正常工作，我调整了浏览器的大小。

这是初始化插件的方式

这是html

swiper-container 高度为 100%

在我的模板中，我生成了 iDangero.us “Swiper”幻灯片：

这是可行的，但是当我加载大约 100 张图像（总共大约 5MB 的图像数据）时，幻灯片“迅速引起注意”可能需要 15 秒（可以这么说）。在那之前，它将图像一个一个堆叠在另一个之上（因为它们都加载了）。一旦它们被加载，它就可以正常工作。我希望它保持“折叠”状态，即使图像正在加载。

有没有办法在 Swiper 的初始化代码中做到这一点？另外 - 是否有另一种方法可以仅使用 javascript/css 来做到这一点？

谢谢

使用 idangerous 的 Swiper，我一直在尝试在单击事件中动态更改选项。例如，我想在点击分页按钮后停止自动播放。

我已经尝试过API中的一些东西，例如：

上述的多种变体。我也试过禁用循环。自动播放不会减慢、停止或其他任何事情。如果我 console.log(mySwiper.params.autoplay); 它确实表明该值已更新，它只是没有做任何事情；（

我对此完全不感兴趣吗？或者你不能在初始化后改变选项吗？