问题标签 [swiper]

我在编程方面非常新，当然在 AngularJS 方面也是如此，但我会尽量让我的问题变得简单。

我有一个 Angularjs 种子，我的一个部分是使用 swiper 。我正在尝试使用 ng-repeat 来填写我所有的定价表，但一开始它只显示一个。

现在奇怪的是，如果我按 F12 打开控制台，它会显示我所有的定价表都正确填写了信息。

这是代码：

当我打开控制台并按 F5 时，控制台会显示这个：（ [Object, Object, Object, Object, Object, Object, Object, Object, Object, Object] 并且只显示 1 个定价表）。

当我关闭控制台并再次按 F12 时，控制台会显示：

它显示了我所有的定价表。

有小费吗？

提前致谢。

我正在寻找一些理论代码或合适的 JavaScript 库来完成以下任务：

见图：http ://cl.ly/image/2R3P28363U27

要求：

• 圆形/无限
• 在任何可见边缘项上克隆期间不闪烁 DOM
• 当前项目必须集中
• 项目可以是固定宽度（因为它是固定宽度的站点）
• Carousel 一次只需要向左/向右移动一项（无需分页）

我见过很多提供这些功能的轮播实例，但不是全部。任何人都可以向我发送正确的方向吗？

旁注：我注意到 iDangerous Swiper 同时具有 'centeredItems' 和 'loop' 选项，这两个选项似乎都很理想，但它们不能一起工作。

谢谢。

我有一个嵌入的 HTML5 视频，它在所有浏览器中都可以正常工作（或者如果浏览器较旧或缺乏视频支持，则会正常失败）。但由于我的网站使用 iDangerous Swiper ( http://www.idangero.us/sliders/swiper/api.php )，自定义视频控件 - “播放/暂停”按钮 - 在 Internet Explorer 10 中不起作用。

如果我从 HTML 的头部区域中删除嵌入的 swiper js 代码，嵌入的视频在 ie10 中可以正常播放。问题似乎是 Swiper 正在拦截 ie10 中播放按钮的点击 - 因此解决方案似乎是至少在页面的那个小区域禁用 Swiper。

但目前尚不清楚如何做到这一点。

在 2013 年 6 月的 Swiper 版本中似乎有一个很少记录的新功能，它允许创建一个“noSwiping”类，但是用这个类将视频包装在一个 div 中并不能解决 ie10 问题。

有没有其他人需要为某个元素禁用 Swiper 并成功地这样做了，特别是关于 ie...？我很高兴看到一个代码示例。我自己的项目仍在本地主机上。

我有一个带有幻灯片的标题。

见小提琴：http: //jsfiddle.net/PVbEK/1/

我希望标题 ( .swiper-container) 在高度上和宽度上一样响应。现在，当放大或缩小时高度保持不变，但内容是响应式的。

我希望高度按比例缩放，就像内容一样。

我认为幻灯片导致了这个问题，但我看不出错误在哪里？

我正在使用 Swiper 幻灯片：http ://www.idangero.us/sliders/swiper/api.php

我尝试过 flex 滑块，但我认为触摸功能在 windows phone 上运行得不是很好

这可以用 CSS 解决吗？

丹尼尔

使用危险的刷卡器，请参阅 Slide1 lets go to google。如果 Slide1 位于原始位置（框中的第一个左侧），则指向 google 的链接将始终有效。但是，如果我们滑动（或鼠标左右拖放）并且 Slide1 位于位置 2 或 3，则单击将不起作用。

http://jsfiddle.net/C8ytu/

我目前正在尝试将 iDangerous Swiper 添加到使用 jQuery Mobile 构建的页面中，但为了显示 swiper，我需要重新加载页面。我见过一些情况，人们对此有一些问题，但他们的解决方案不适用于我下面的问题。

我尝试了几种不同的方法：pageshow、pageinit、pagebeforeshow、mobileinit。还有 trigger("create")、trigger("refresh") 并尝试在 jQuery Mobile js 之前或之后添加脚本。

我目前正在使用 jQuery Mobile 1.4.1 alpha 2 和 Swiper 2.1.0。

我的问题：为了使其工作，脚本的正确顺序是什么？上面的哪个页面事件应该起作用？谢谢你的时间。

我的 swiper 的 HTML 如下：

我的 jQuery 和 jQuery Mobile 文件加载在页面底部。

我正在开发一个 jquery 移动网络应用程序。我尝试过集成dangero.us swiper。我用动态 html 填充我的 swiper 容器。我尝试在插入 html 后使用 reinit() 函数，如其他任务中所述，但没有任何反应。

这是我的html：

这是我填充动态内容的代码，初始化 swiper-instance 调用 reinit()-function

我的浏览器中没有显示任何内容。我可以做些什么来刷新或重新初始化我的 swiper 实例正常工作的 html 内容？现场演示位于http://www.m.myapp2go.de/myapp2go-slide.html

我解决了我的问题。将我的 html 内容附加到<div id="slidecontent"></div>是错误的。我必须将 html-content <div class="swiper-wrapper">直接附加到。

现在它正在工作，但是：

• 分页不再显示
• onSlideClick 不再触发

有什么建议么？

我在移动应用程序中使用 idangerous swiper 作为选项卡类型的选项。滑动幻灯片时，它会左右移动。我在每张幻灯片中都有图像网格，并应用了 Jquery Sortable 来重新排序图像。

我遇到的问题是，当拖动图像以在幻灯片中重新排序时，也会移动到滑动器中的下一张或上一张幻灯片。

我想在自由模式下将iDangero.us jQuery swiper 插件用于一长排选项卡。为了直观起见，我认为我会在 swiper-container 的末端（分别位于左侧和右侧）放置两个淡入淡出。但我只想在 swiper 包装器在那一端有隐藏区域时才显示这些（例如，当用户向左滑动一点时，所以选项卡开始的一部分在左侧消失，渐变应该出现）。这是一张显示我的意思的图片：

我几乎成功了，除了两个问题：

1. 我找不到任何类似onSwipeAnimationEnd的事件。有一个onTouchEnd（我目前正在使用），但在你释放 swiper 后仍然有动画，所以它并不总是正常工作。

2. 使用initialSlide选项时，onFirstInit事件处理程序的position.offset参数为 0。在滑块移动到其初始位置之前调用此事件。我想用它来初始化这些渐变的可见性。

我看了一下插件，但我不太了解。我希望有一个简单的解决方案，或者一些关于如何修改这个插件以满足我的需求的指南。我希望你们能提供帮助。我不想用其他的swiper插件，这个我很满意。它在移动设备上运行良好。

在这里，我在 android 中使用 html 页面和带有水平页面滚动器的 webview 滑动时遇到问题。我尝试了过去 8 天，我没有找到任何解决方案，请帮助我。我详细解释问题。

我创建了一个 EBookReader 应用程序来读取 .epub 文件的 android。我的应用程序具有滑动页面的功能。我有一个包含图片、视频和图片库的 .epub 文件，图片库在 html 页面上有 5 张图片，一次看到 1 张图片，要查看另一个图片 html 页面有可滚动的图片库，html 页面使用 iScroll.js 和 panelnav。 js 用于图片库。

我的 ePub 文件有 10 个 html 页面，我的阅读器页面支持在页面上滑动滚动。

我使用自定义水平滚动器实现了导航页面。我在 webview 上显示 html5 页面，并在水平滚动寻呼机上一个接一个地滚动 webview。我的网页完美滑动，但我的网页有自己的滑动功能的图片库，但它不起作用。我希望我的应用程序具有网页滑动功能，它还支持 Android 中的 html5 图片库（html5 上的图像滑动）。

请帮忙。

提前致谢。