Question

我查看了jquerymobile文档并看到： swipe，swipeleft和swiperight

的活动

是否有 swipevertical 事件或类似事件？

Answer 1

不幸的是，jQuery mobile中不存在swipeup和swipeown，并且它们没有针对1.3版本进行规划。这里有第三方插件：http://developingwithstyle.blogspot.com/2010/11/jquery-mobile-swipe-up-down-left-right.html。像使用普通事件一样使用它们： swipeown 和 swipeup 。

如果您需要此实施，也可以使用此插件：http://www.netcu.de/jquery-touchwipe-iphone-ipad-library。它也适用于Android设备。这是最糟糕的情况解决方案，因为与官方活动不同，它们不适用于桌面浏览器。

以下是一个有效的示例，仅在移动设备上进行测试：http://jsfiddle.net/Gajotres/WYnnk/

    $("#wrapper").touchwipe({
         wipeLeft: function() { 
             $("#carousel").trigger("next", 1);
         },
         wipeRight: function() { 
             $("#carousel").trigger("next", 1);        
         },
         min_move_x: 20,
         min_move_y: 20,
         preventDefaultEvents: true
    });

Answer 2

通过将以下代码添加到pageshow处理程序，我能够在页面标题上模拟拉动刷新功能...

  // Set aside the thresholds so they can be reset later.
  var _scrollSupressionThreshold = $.event.special.swipe.scrollSupressionThreshold;
  var _horizontalDistanceThreshold = $.event.special.swipe.horizontalDistanceThreshold;
  var _verticalDistanceThreshold = $.event.special.swipe.verticalDistanceThreshold;

  // Adjust the thresholds for a vertical swipe.
  $.event.special.swipe.scrollSupressionThreshold = 5;
  $.event.special.swipe.horizontalDistanceThreshold = 1;
  $.event.special.swipe.verticalDistanceThreshold = 128;

  // Listen for the swipe event...
  $('#my_jqm_page div[data-role="header"]').on("swipe", function() {

    // Reset thresholds.
    $.event.special.swipe.scrollSupressionThreshold = _scrollSupressionThreshold;
    $.event.special.swipe.horizontalDistanceThreshold = _horizontalDistanceThreshold;
    $.event.special.swipe.verticalDistanceThreshold = _verticalDistanceThreshold;

    // Take action...
    console.log('Vertical swipe!');

  });

Answer 3

http://jquerymobile.com/test/docs/api/events.html

我认为有一个vmouseover，这是一个虚拟鼠标悬停

垂直滑动的事件是什么

3 个答案: