jQuery Mobile swipe用法 在移動設(shè)備上，滑動手勢是非常常見的用戶操作。為了方便開發(fā)人員，jQuery Mobile提供了swipe事件，可以用來檢測用戶的滑動操作。 使用swipe事件，可以處理四個滑動方向：向上，向下，向左，向右。根據(jù)不同的方向，可以執(zhí)行不同的代碼。 下面是一個簡單的例子，當(dāng)用戶向右滑動時，就會彈出一個提示框。

$(document).on("swipe", function(event) {
if (event.swipestart.coords[0] >event.swipestop.coords[0]) {
alert("Swiped left");
}
else if (event.swipestart.coords[0]< event.swipestop.coords[0]) {
alert("Swiped right");
}
else if (event.swipestart.coords[1]< event.swipestop.coords[1]) {
alert("Swiped down");
}
else if (event.swipestart.coords[1] >event.swipestop.coords[1]) {
alert("Swiped up");
}
});

上面的代碼中，我們檢查了四個方向的滑動，根據(jù)用戶具體的操作，彈出不同的提示框。 除了swipe事件，jQuery Mobile還提供了兩個更特殊的事件：swipeleft和swiperight。這兩個事件只會在用戶向左或向右滑動時觸發(fā)，不會受到上下方向的干擾。

$(document).on("swipeleft", function(event) {
alert("Swiped left");
});
$(document).on("swiperight", function(event) {
alert("Swiped right");
});

上面的代碼中，我們分別對swipeleft和swiperight事件進行了處理，當(dāng)用戶向左或向右滑動時，就會彈出一個提示框。 需要注意的是，在使用swipe事件時，一般需要有一個swipestart事件作為前置條件。這個事件會在用戶剛開始滑動時觸發(fā)，可以用來獲取初始的坐標(biāo)信息。

$(document).on("swipestart", function(event) {
console.log("Swipe started at " + event.touches[0].pageX + ", " + event.touches[0].pageY);
});

上面的代碼中，我們在swipestart事件中打印出了用戶滑動的起點坐標(biāo)信息。 總結(jié)：在移動設(shè)備上，滑動手勢是非常常見的用戶操作，jQuery Mobile提供了swipe事件，可以用來檢測用戶的滑動操作。使用swipe事件，可以處理四個滑動方向：向上，向下，向左，向右。同時，還有兩個更特殊的事件：swipeleft和swiperight。在使用swipe事件時，一般需要有一個swipestart事件作為前置條件。