0

我想向我们的 Jquery Mobile webapp 添加一个按钮。我添加了来自 FourSquare 应用程序的屏幕截图，其中显示了右上角的“签入”按钮和图标，我们希望在我们的 HEADER 中实现..

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

我们无法弄清楚如何实现这一点。我们现在导航栏能够为我们提供类似于 FSQ 按钮的按钮样式，但我们只会在我们的 Header 中有一个这样的按钮，并向右对齐。

有没有人已经设计了这样的东西并且可以帮助我们？

4

1 回答 1

0

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

    <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/

于 2012-12-20T23:09:20.050 回答