PhoneGap - Android - 手機中的滑動導航

Question

我正在爲android平臺製作phonegap應用程序。在這個應用程序中，我想要在多個HTML頁面中進行滑動導航。請告訴我我該如何做到這一點。 它可以在單個html頁面中完成，也可以爲此滑動導航創建多個html頁面。

在此先感謝。 preet

Answer 1

如果您使用的是jquery mobile，那很容易，因爲jquery支持滑動，swipeleft和swiperight touch事件。

輕掃

輕掃事件，觸發時用戶刷進行垂直（20個或更少的像素） 或水平（30個或更多個像素）

swipeleft

左方向輕掃，當用戶向左滑動30個或更多像素時觸發

swiperight

右導向滑動，當被觸發時所述用戶刷向右30首或更多個像素

使用這樣的：

<script> 
$("ul").delegate("li", "swipe", function() { 
// The user has swiped to the right on a list view item. Show an edit menu. 
$(this).find(".menu-edit").show(); 
}) 
</script>