Проведите анимацию, чтобы пойти с жестом

Question

Я хотел бы реализовать жестов салфетки, чтобы заменить текущие кнопки Next/Prev в моем веб-приложении. Я полагаю, что я буду использовать jQuery Mobile, QuoJS или Hammer.js, чтобы распознать жесты салфетки.

Но как я могу реализовать анимацию салфетки (аналогично this), чтобы пойти с жесты?

Я не перехожу между изображениями, как в примере, а разделы html, сопоставляемые с Backbone Model Views.

Answer 1

Это, наконец, «решило» его. Я использую jQuery-интерфейс с эффектом слайда, но он выглядит не так хорошо, как я надеялся, я хочу, чтобы он больше похож на iOS, используя Obj-C. Но это нужно будет сделать.

var handleSwipeEvents = function() { 
    $(function() { 
     $('#myId').on('swipeleft', swipeHandler); 
     $('#myId').on('swiperight', swipeHandler); 
     function swipeHandler(event) { 
      function slideEffect(swipeLeft, duration) { 
       var slideOutOptions = {"direction" : swipeLeft ? "left": "right", "mode" : "hide"}; 
       $('#myId').effect("slide", slideOutOptions, duration, function() { // slide out old data 
        var slideInOptions = {"direction" : swipeLeft ? "right" : "left", "mode" : "show"}; 
        $('#myId').effect("slide", slideInOptions, duration); // slide in new data 
        // Alter contents of element 
       }); 
      } 
      var swipeLeft = (event.type === "swipeleft"); 
      slideEffect(swipeLeft, 300); 
     } 
    }); 
}; 

У меня есть чувство, что можно добиться лучших результатов с помощью CSS3 и перехода, но мне это не удалось.