Question

我在JQM中有两个页面，登录和注册，默认是登录页面，如果点击注册转换发生在注册，我会反复注册，反之亦然，如果你在注册时点击注册，你就会在登录时结束。

    <div data-role="page" id="login-page">
        <div data-role="header">
            <a href="#register-page">Register</a>
            <h1>Login</h1>
        </div>

        <div data-role="content" class="ui-content-transparent" style="width: 40%; margin-left: auto; margin-right: auto;">
            <form>

            </form>
            <input type="button" id="login" value="Login" class="large_input" style="min-height: 60px;">
        </div>

        <div data-position="fixed" data-role="footer">
            <h4 id="login_message"></h4>
        </div>
    </div>

    <div data-role="page" data-add-back-btn="true" id="register-page" class="ui-content-transparent">
        <div data-role="header">
            <h1>CVE Registration</h1>
        </div>

        <div data-role="content" class="ui-content-transparent" style="width: 40%; margin-left: auto; margin-right: auto;">
            <form>


            </form>
            <input type="button" id="register" value="Register" class="large_input" style="min-height: 60px;">
        </div>

        <div data-role="footer" data-position="fixed">
            <h4 id="register_message"></h4>
        </div>
    </div>

我需要设置默认（添加带有两个大按钮登录和注册的新页面）新页面，当用户单击“登录”按钮从左侧转换到“登录”页面时以及单击“注册”以从“注册”页面右侧转换时

Login Page ====> Default with two buttons <==== Register Page

如何在JQM中执行此操作？（我知道在jquery中滑动div，但是使用JQM和页面看起来与我不同）。

Answer 1

你需要一些js来做，如果你想让它滚动顺畅

Answer 2

尝试如下所示左转到登录页面，

<a href="#Loginpage" data-direction="reverse">Login</a>

data-direction =“reverse”用于返回

Answer 3

这两个按钮（内部标题）可以，检查DEMO http://jsfiddle.net/yeyene/Rdfxs/3/

<div data-role="page" id="login-page">
    <div data-role="header">
        <a href="#register-page" data-role="button" data-theme="b" data-transition="slide">Register</a>
        <h1>Login</h1>
    </div>
    <div data-role="content" class="ui-content-transparent" style="width: 40%; margin-left: auto; margin-right: auto;">
        <form>
        </form>
        <input type="button" id="login" value="Login" class="large_input" style="min-height: 60px;">
    </div>
    <div data-position="fixed" data-role="footer">
        <h4 id="login_message"></h4>
    </div>
</div>

<div data-role="page" id="register-page" class="ui-content-transparent">
    <div data-role="header">
        <a href="#login-page" data-role="button" data-theme="b" data-transition="slide" data-direction="reverse">Login</a>
        <h1>CVE Registration</h1>
    </div>
    <div data-role="content" class="ui-content-transparent" style="width: 40%; margin-left: auto; margin-right: auto;">
        <form>
        </form>
        <input type="button" id="register" value="Register" class="large_input" style="min-height: 60px;">
    </div>
</div>

如何使用两个按钮从中间页面左右创建页面转换？

3 个答案: