jQuery Mobile复选框保持登录状态

时间:2012-11-20 09:21:36

标签: css jquery-ui jquery-mobile checkbox

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

请参考我的jsfiddle.net/mapsv3/sZdCu/ 我的目标是与Google登录框相同的界面 checkbox same line with button

感谢您的帮助!

2 个答案:

答案 0 :(得分:0)

使用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>                

答案 1 :(得分:0)

您也可以添加 data-role =“none”这将删除复选框上的样式。我不得不建造类似的东西,这很难。