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

JQuery移动滑动以更改页面

1 个答案: