滑动 JS 不滑动

Posted 2023-03-15

【中文标题】滑动 JS 不滑动

【英文标题】：Swipe JS not swiping

【发布时间】：2014-06-17 12:42:02

【问题描述】：

这个问题与我在here 之前不久关闭的一个问题有关。

我从 swipe JS 中得到了 slidershow，但滑动似乎根本不起作用。 我在滑块中加载的方式是这样的：

$(document).on("pageshow", function()
    Slider = $('.slider').Swipe(
        auto: 3000,
        continuous: true,
        disableScroll: true
    ).data('Swipe');
);

我正在我自己的 iPhone 和 XCode 的 iPhone 模拟器上模拟该应用程序，但似乎都没有选择我想要进行的滑动（左、右、下、上）。

我错过了 Cordova 需要的东西吗？

编辑 我已经设法让第一个滑块使用这个滑动：

$(document).on("pageshow", function()
    Slider = $('.slider').Swipe(
        auto: 4000,
        continuous: true,
        disableScroll: true
    ).data('Swipe');
);

$('.slider').on('swiperight', swiperightHandler);
$('.slider').on('swipeleft', swipeleftHandler);

function swiperightHandler() 
    Slider.prev();


function swipeleftHandler() 
    Slider.next();

问题是这只能让我在第一个滑块上滑动。 我有多个滑块（它们都完全相同，并且我使用类作为选择器）。我认为问题出在我的 on.("pageshow", 上，因为它设置了一次 Slider 变量并且没有重置它。

由于某种原因，滑块的自动滑动确实有效。

有人知道如何让所有滑块都可以滑动吗？

【问题讨论】：

试试这个插件netcu.de/jquery-touchwipe-iphone-ipad-library或者这个github.com/marcandre/detect_swipe

@RachelGallen 但是 swipeJS 应该已经为我做这个了，不是吗？

detect swipe 是一个更现代的版本，其中包含 swipejs 的修复

你应该在你的代码周围添加 document.addEventListener("deviceready", function() ),true

我发现 JQuery Mobile 内置了一个滑动检测器:^)。

【参考方案1】：

我设法通过删除滑动处理程序来解决问题。 事实证明，滑块已经内置了滑动功能，不需要更多。