天天看点

Jquery mobile表单提交

一、页面上左右滑动切换页面动作:

$(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"}

                       );

很多翻译的资料上都写成如下的样子(不知道是不是版本问题?):