javascript - 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：在这里测试