-_Vampire 发表于 2013-10-8 17:27:30

急求解,登录跳转,一直跳不过去

本帖最后由 -_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><!-- /navbar -->
            </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:58

看看这个帖子http://bbs.phonegap100.com/thread-186-1-1.html一个案例 你下载研究一下 看看他是怎么实现的

小雪 发表于 2013-10-9 22:42:01

写的真的很不错

phonegap100 发表于 2013-10-10 00:46:11

没看完~~~~~~ 先顶,好同志

phonegap100 发表于 2013-10-10 03:04:14

相当不错,感谢无私分享精神!

uqobk8216 发表于 2013-10-10 05:20:50

学习了,谢谢分享、、、

uqobk8216 发表于 2013-10-10 07:49:47

有竞争才有进步嘛
页: [1]
查看完整版本: 急求解,登录跳转,一直跳不过去