jquery - jQuery Mobile スワイプで「何もない」

Question

私がやろうとしていることと同様の機能を備えた別のSOの質問を見つけました。新しい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() {
$.mobile.changePage("#page2");

});

そしてページを白紙のページに向ける

このフィドルをチェックしてください

Answer 3

ポップアップについて話していると仮定すると、次のようなことができます:

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