jquery - jQuery Mobile 滑动到“无”

Question

我发现另一个 SO question 与我正在尝试做的事情具有类似的功能。而不是刷到一个新的 div 但是我想简单地把 div 从屏幕上滑下来

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

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

有问题的 div 实际上是一个 jQuery UI 对话框，$("#div").dialog({...});。我想简单地把它从屏幕上滑下来然后关闭它。

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");

});

​并将 page 指向空白页

检查这个小提琴