jQuery Mobile滑動到「沒有」

Question

我發現了另一個SO問題，它具有與我正在嘗試執行的類似功能的小提琴。相反，滑動到一個新的div的，但是我想只要滑動格關閉屏幕

http://jsfiddle.net/yxzZf/4/

$("#listitem").swiperight(function() { 
    $.mobile.changePage("#page1"); 
}); 

div的問題實際上是一個jQuery UI的對話框，$（「＃DIV」）。對話（{...}）;。我想簡單地將它從屏幕上滑開並關閉它。

Answer 1

事情是這樣的：

$('#home').live('pagebeforeshow',function(e,data){  
    $("#listitem").bind('swiperight',function(event, ui){ 
     $.mobile.changePage("#page1", { transition: "slide", reverse: true}); 
    }); 
}); 

例子：http://jsfiddle.net/Gajotres/UaupV/

Answer 2

假設你是在談論一個彈出窗口，你可以做這樣的東西：

$("#listitem").swiperight(function() { 
    var t = $(this); 
    t.animate({ 
     right: '-999px' 
    }, 'slow', function() { 
     t.remove(); 
    }) 
});​ 

Answer 3

使用此：

$("#listitem").swiperight(function() { 
$.mobile.changePage("#page2"); 

}）;

，並指向頁面空白頁

Check this fiddle