0

JqueryMobileWebアプリにボタンを追加したいと思います。FourSquareアプリから、右上の「チェックイン」ボタンとアイコンを示すスクリーンショットを追加しました。ヘッダーに実装したいと思います。

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

これを実装する方法を理解することはできません。これで、NavbarはFSQボタンのようなボタンスタイルを取得できるようになりましたが、ヘッダーにはこのボタンの1つだけが右揃えで配置されます。

誰かがすでにこのようなものを設計し、私たちを助けることができますか？

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 に答える