Question

我想在Jquery Mobile webapp中添加一个按钮。我在FourSquare应用程序中添加了一个截图，其中显示了topright＆＃39; checkin＆＃39;按钮和图标，我们很乐意在我们的HEADER中实施..

http://www.iclarified.com/images/news/26011/99138/99138.png

我们可以弄清楚如何改变这一点。我们现在Navbar能够为我们提供类似FSQ按钮的按钮样式，但是我们只需要在我们的Header中有一个这样的按钮，对齐。

有没有人设计过这样的东西，可以帮助我们？

Answer 1

是的，可以这样做，这是一个简单的例子：

    <body>
        <div data-role="page">
            <div data-role="header">
                <h1>Foursquare Like</h1>
                <a href="#" data-icon="arrow-d" class="ui-btn-right">Checkin</a>
            </div>
            <div data-role="content">
                <p>This is a test page</p>
            </div>
        </div>
    </body>

在此处查看更多内容：http://jquerymobile.com/demos/1.2.0/docs/toolbars/docs-headers.html jsFiddle示例：http://jsfiddle.net/Twisty/xWzFt/

如何：标题按钮样式Foursquare（Jquery Mobile）

1 个答案: