问题标签 [swipe.js]

我正在构建一个 PhoneGap 应用程序，我想在其中使用swipe.js——这是一个“可滑动”和自动动画轮播。

要设置它，您可以这样声明它：

window.mySwipe = new Swipe(document.getElementById('slider'), {（这里的参数）});

这很好，并且做它应该做的。但我只想按需设置。由于这是在模态中，因此在显示模态之前没有理由对其进行设置，然后如果关闭，我希望它消失，因为在轮播不可见时没有理由继续通过轮播进行动画处理。（虽然很小，但我认为在屏幕上实际看不到的永久动画中的某些东西会影响性能）

我的问题是：按需设置像这样的jQuery插件以及按需禁用（销毁？）的正确方法是什么？

或者这是插件必须首先支持的功能？

更新：

因此，“按需设置”非常简单。我可以简单地将上述内容包装在一个函数中，并仅在需要时调用该函数：

但是在我不再需要它之后，我仍然对如何“摧毁”它感到困惑。我试过“删除”：

那什么都不做（我假设是因为 window.mySwipe 没有暴露于这个特定的功能？）

我还尝试将对象设置为空白变量：

但这只是在黑暗中的一次尝试，所以没想到它会真正起作用。:)

我正在使用 swipejs ( https://github.com/bradbirdsall/Swipe ) 并且如果要滑动到的幻灯片具有数据属性，则希望向某些 DOM 元素添加一个类。

在这种情况下，幻灯片可能具有 data-colour="orange" 属性。滑动到该幻灯片时，我想将Class '.orange' 添加到任何具有Class '.colour' 的DOM元素

HTML：

jQuery：

这将执行所需的操作，但只会在滑动到下一张幻灯片时应用当前幻灯片的数据属性，而我想计算下一张幻灯片的数据属性，并在滑动到它时将其作为一个类添加到其他 DOM 元素。

任何帮助将不胜感激。

我目前正在制作一个具有旋转幻灯片的移动网站。我正在使用最新版本的 JQuery Mobile (1.9.1) 和 Brad Birdsall 的 swipe.js。

我遇到的问题是，为了查看其中包含#advertising-consumer 的第一张幻灯片，我必须将页面向下拖动大约 10-20 像素才能加载。一旦我执行它，它就可以完美运行，是否有一个已知的错误，或者我可以用来模拟这个的脚本？

这是一些代码，以备不时之需。

任何帮助将不胜感激，如果我犯了一个愚蠢的错误，我很抱歉浪费时间。

有谁知道如何让 swipe.js ( http://swipejs.com/ ) 在 IE7 中工作？

尽管网站上有声明，但我发现它根本不起作用。仔细检查了我的代码，发现该插件自己的演示在 IE7 中失败。

如果有人知道如何解决这个问题，那将是一个很大的帮助。

我正在使用滑块“swipe.js”（https://github.com/bradbirdsall/Swipe）作为移动解决方案。现在我想使用 api-function getPos 返回实际的幻灯片。不幸的是，我的代码不起作用：

怎么了？它是如何工作的？

感谢您的帮助

我正在使用 mustache 模板将幻灯片加载到 swipejs 滑块中。当我加载页面并检查源时，幻灯片已按预期加载。但是，除非我在桌面和移动设备中调整页面大小，否则幻灯片实际上不会显示在页面上。任何想法如何使它们立即可见？

我有一个滑块，其中包含一个包含视频元素的幻灯片。一切正常，除了在视频上滑动，这完全没有任何作用。

我想这是因为视频元素正在“劫持”输入，但有没有办法解决这个问题？

我正在使用Swipe JS创建一个全屏图片库，并希望添加单击左/右边缘以访问上一张/下一张幻灯片的功能。

我尝试创建绝对定位a的标签，但这会破坏滑动功能，因为无法在链接上启动滑动。为了解决这个问题，我认为我可以将事件传递给正确的元素：

但这会引发以下错误：

有谁知道如何传递活动？或者也许有更好的方法来做到这一点？

因此，我尝试将 swipe.js 与 jQuery mobile 结合使用。

我进行了设置，以便 swipe.js 滑块在 jqm 'pageshow' 事件上自动启动。

我现在遇到的问题是，当我离开页面并返回时，swipe 函数中的代码将再执行一次。

这个问题在 jqm 中似乎相当普遍，我已经在 SO 和 Internet 上的其他地方阅读了许多可能的解决方案。但是，所有这些似乎对其他人都非常有效的解决方案都涉及“pageshow”事件中的次要“click”事件。

这些解决方案例如：http ://www.gajotres.net/prevent-jquery-multiple-event-triggering/看起来很棒，但我的“点击”功能在哪里，遗憾的是我没有。

我有点迷茫，因为我没有点击事件。我相信该功能绑定到“pageshow”事件......并且已经尝试了许多不同的方法来解决这个问题。

上面的代码尝试通过使用“.off”从“pageshow”解除绑定，然后再次使用“.on”绑定来实现上述链接中的解决方案#2。但我做错了，我不明白。

我应该提到 swipe.js 似乎运行得很好，但是当尝试将回调中的索引值检索到控制台时，上面的代码在每次返回 #home 页面时都会重复 console.log 一次。

此外，.js 代码在标题中，我正在处理一个具有多个页面 ID 的索引页面。

谁能看到我在这里连接失败的点？

我最近在我的网站上改装了 bootstrap 3 轮播，并使用 jquery mobile swiperight 和 swipeleft 添加了滑动手势支持。像这样：

如何使 Bootstrap 轮播滑块使用移动左/右滑动

这很好用，但是，功能并不是我所需要的。

以前我使用的是 swipe.js，它提供了更多的拖动和滑动机制。如果您将手指放在轮播中的图像上，然后向左或向右拖动，图像会立即跟随移动。这感觉比 jquery 移动滑动实现更自然和响应。

我喜欢使用引导轮播，swipe.js 似乎不仅仅是一个手势库，它确实提供了一些轮播功能，因此将两者结合起来似乎并不容易。

有没有人知道一个插件或适当的插件，它可以为引导轮播带来类似 swipe.js 的功能？