|
本帖最后由 -_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页面都是在根目录下。
|
|