css - jQuery Mobile 复选框保持登录状态

Question

我正在做 jQuery Mobile，如何使“保持登录”复选框与按钮登录相同。

请参考我的 jsfiddle.net/mapsv3/sZdCu/ 我的目标是与 Google 登录框相同的界面，例如

感谢您的帮助！

Answer 1

使用 jquery mobile 中的网格/块类将允许您简单地内联元素。

<div class="ui-grid-a">
    <div class="ui-block-a">
        <a data-theme="d" id="loginButton" data-role="button" data-inline="true" data-mini="true" value="Login" href="booking.html" rel="external" >Login</a>
    </div>
    <div class="ui-block-b">
        <input type="checkbox" name="checkbox-1" id="checkbox-1" data-mini="true">
        <label for="checkbox-1">Stay Signed in</label>
    </div>
</div>                

Answer 2

您还可以添加 data-role="none" 这将删除复选框上的样式。我必须构建类似的东西，这非常困难。