PhoneGap中文网

标题: 急求解，登录跳转，一直跳不过去 [打印本页]

作者: -_Vampire 时间: 2013-10-8 17:27
标题: 急求解，登录跳转，一直跳不过去
本帖最后由 -_Vampire 于 2013-10-9 10:44 编辑

我现在想从登录页面跳到主页，用按钮或链接来跳转。我想跳过去有动画效果，还希望能传参。
<body>
      <div data-role="page">
         <div data-role="content" style="background-image:-webkit-gradient(linear, 0 0, 0 100%, from(#4E94C4), to(#EFF8FF));
background-image:linear-gradient(#4E94C4,#EFF8FF);
background-image:-moz-linear-gradient(#4E94C4,#EFF8FF);">
            <div>
                  <h2 style="text-flign:center; color:#F9C">游戏玩家的社区</h2>
            </div>
         <div id="login">
                  <form method="post" id="form">
                  <div class="inputArea">
                     <div class="inputLine">
                           <div class="il">账号：</div>
                              <div class="ir">
                              <input id="zh" type="text" name="uname" value="" placeholder="请输入Email或电话号码" autocapitalize="off" autocomplete="off"/>
                              </div>
                        </div>
                        <div class="inputLine">
                              <div class="il">密码：</div>
                              <div class="ir">
                                 <input id="mm" type="password" name="pwd" value="" placeholder="请输入密码">
                              </div>
                        </div>
                     </div>
                     <div class="loginOper">
                     <span class="autoLogin">
                              <input id="mem" type="checkbox" name="autoLogin" value="1" checked="checked">
                              <label for="mem" style="vertical-flign:middle;">下次自动登录</label>
                        </span>
                     </div>
                     <div class="loginBut">
                     <input type="button" data-theme="b" id="submitBut" value="登录"/>
                     </div>
                  </form>
            </div>

            <div data-role="navbar" style="margin-top:180px">
                  <ul>
                     <li><a href="#" class="ui-btn-fctive ui-state-persist">新用户注册</a></li>
                     <li><a href="index.html" data-ajax="false" data-transition="pop">忘记密码？</a></li>
                  </ul>
            </div>
         </div>
      </div>
</body>

这是我的登录界面，我想点登录按钮跳到 index.html(主页)，这是我跳转的Js

<script type="text/javascript">
   $(function(){
   $("#submitBut").click(function(){
      $.mobile.changePage("index.html", "slideup");
   });
   });


  function goTo(page) {
alert("我就不信跳不过去！");
$.mobile.changePage(page, "slideup");
  }
   </script>

----------------------------------------------------------------------------------------------------
<li><a href="#" class="ui-btn-fctive ui-state-persist">新用户注册</a></li>

这个地方我是用来测试的也跳不过去

<li><a href="index.html" data-ajax="false" data-transition="pop">忘记密码？</a></li>

这个是可以跳的，在谷歌下没有动画，在火狐下去掉Ajax 为false  就可以。

而且我发现<li><a href="index.html" data-ajax="false">忘记密码？</a></li>这种跳转在浏览器上可以，但是在手机上测试不行。

路径我的登录页面和index.html页面都是在根目录下。

作者: admin 时间: 2013-10-9 10:53
看看这个帖子 http://bbs.phonegap100.com/thread-186-1-1.html 一个案例你下载研究一下看看他是怎么实现的

作者: 小雪 时间: 2013-10-9 22:42
写的真的很不错

作者: phonegap100 时间: 2013-10-10 00:46
没看完~~~~~~ 先顶，好同志

作者: phonegap100 时间: 2013-10-10 03:04
相当不错，感谢无私分享精神！

作者: uqobk8216 时间: 2013-10-10 05:20
学习了，谢谢分享、、、

作者: uqobk8216 时间: 2013-10-10 07:49
有竞争才有进步嘛

欢迎光临 PhoneGap中文网 (http://bbs.phonegap100.com/)