一、页面上左右滑动切换页面动作:
$(function() {
$("body").bind('swiperight', function() {
$.mobile.changePage("#foo", {transition: "slide", reverse:true},false);
}).bind('swipeleft', function() {
$.mobile.changePage("#bar", { transition: "slide"},true);
});
});
二、用提交表单功能:
Jquery Mobile提交数据的一个方法,如下:
//转到 searchresults页面,使用来自id为search的表单数
$.mobile.changePage({
url: "searchresults.php",
type: "get",
data: $("form#search").serialize()
});
可是在用时,发现不起作用,用FF的FireBug监控,也毫无反应;网上找的很多资料、包括Jquery mobile帮助资料中都是这么写的;
最后找来找去,还是在官网上的资料中找出不同来了。
$.mobile.changePage( "searchresults.php" , { type: "post", data: $("form#search").serialize()});
注意看,数据发送URL在大括号外面;这就是根本原因。
另外,我想提交数据时,能否也用slide效果?实验了一下,果然可行,以下是我的测试代码:
$.mobile.changePage("save.html",
{type:"post",
data:$("form#dataFrm").serialize(),
transition:"slide"}
);
很多翻译的资料上都写成如下的样子(不知道是不是版本问题?):