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

                       );

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

  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值