Мобильные устройства jQuery +: как прокручивать вверх и вниз?(iOS: iPad)

Question

Это библиотека, которую я использую: http://www.netcu.de/jquery-touchwipe-iphone-ipad-library
Это код, который у меня есть:

                $j("#section-content").touchwipe({
                     wipeLeft: function() {$j('#next-page').trigger('click'); },
                     wipeRight: function() { $j('#prev-page').trigger('click');  },
                     wipeUp: function() { alert("up"); },
                     wipeDown: function() { alert("down"); },
                     min_move_x: 20,
                     min_move_y: 20,
                     preventDefaultEvents: true
                });

сейчас, wipeUp и wipeDown не работают (я не вижу ни однойоповещения о виртуальном iPad на моем Mac).Реальная проблема заключается в том, что когда у меня есть объект, который можно стереть влево и вправо, он предотвращает стирание вверх (важно для прокрутки длинных страниц).

Так как же мне включить повторную прокрутку с помощью очистки?/ протереть?Есть ли лучшие библиотеки jquery, которые могут это сделать?

Answer 1

Вы также можете попробовать использовать следующее в вашем коде

$("#section-content").touchwipe({
      preventDefaultEvents: false,
      wipeLeft: function() {
      $("#section-content").cycle("next");
      $("#section-content").cycle("pause");
      return false;
    },
    wipeRight: function() {
    $("#section-content").cycle("prev");
    $("#section-content").cycle("pause");
    return false;
    }
    }); 

Вероятно, это лучший вариант, потому что обычно лучше не редактировать исходный код плагина, так как при обновлении его более новой версией, вы должны помнить, чтобы изменить код .... раз это несколькими десятками сайтов и это может быть реальным усилием!

Answer 2

В том сценарии, который вы используете, закомментируйте эту строку:

     function onTouchMove(e) {
         if(config.preventDefaultEvents) {
             // e.preventDefault();
         }

(строка предотвращения по умолчанию)

он не позволяет мобильному браузеру делать тхан.

Answer 3

просто установить preventDefaultEvents: false

локально, как

   $("#section-content").touchwipe({
   preventDefaultEvents: false ...

или глобально, как

   var config = {
   preventDefaultEvents: true ...