jQuery手机滑动换页

Question

对于我的一生，我无法弄清楚为什么当我向右滑动时我无法更改 JQuery 移动文档中的页面。我知道滑动事件是正确写入的，因为当我将它换成 alert("test"); 时，它会正确触发。

这是我所做的：

<script>
$(function() {
  $('.table').on('swiperight', function(){
     $.mobile.changePage("#home");
   });
});

</script>

我参考了 JQuery 移动文档和论坛上的其他帖子，但未能解决此问题。有什么想法吗？

这是该项目的一个小提琴。 http://jsfiddle.net/a6TZW/

Answer 1

您无需将此事件包装在 $function() 中，因为此类事件一旦发生就会触发。

滑动事件：

$(document).on('swiperight','.table', function()
  { $.mobile.changePage("#page2"); 
 });

$(document).on('swipeleft','.table', function()
  { $.mobile.changePage("#page1"); 
 });

另外，您可以这样组合它们：

$(document).on('swiperight swipeleft','.table', function(event) {
 if (event.type == 'swiperight') {
  $.mobile.changePage("#page2");
 }
 if (event.type == 'swipeleft') {
  $.mobile.changePage("#page1");
 }
});

JSfiddle：Test it here