2013-01-03 78 views
0

我发现了另一个SO问题,它具有与我正在尝试执行的类似功能的小提琴。相反,滑动到一个新的div的,但是我想只要滑动格关闭屏幕jQuery Mobile滑动到“没有”

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

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

div的问题实际上是一个jQuery UI的对话框,$(“#DIV”)。对话({...});。我想简单地将它从屏幕上滑开并关闭它。

回答

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/

0

假设你是在谈论一个弹出窗口,你可以做这样的东西:

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

那目前正在做什么即时通讯。非常波涛汹涌。我结束了使用CSS转换 – user974896

0

使用此:

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

});

,并指向页面空白页

Check this fiddle