一、頁面上左右滑動切換頁面動作:
$(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幫助資料中都是這麼寫的;
最後找來找去,還是在官網上的資料中找出不同來了。
注意看,數據發送URL在大括號外面;這就是根本原因。
另外,我想提交數據時,能否也用slide效果?實驗了一下,果然可行,以下是我的測試代碼:
$.mobile.changePage("save.html",{type:"post",
data:$("form#dataFrm").serialize(),
transition:"slide"}
);
很多翻譯的資料上都寫成如下的樣子(不知道是不是版本問題?):