0

ヘッダーにナビゲーションバーの後にアイコンを表示する方法はありますか?

私ができる唯一のことは、 navbar の 3 番目のメニュー内にアイコンを配置することです。

http://tof.canardpc.com/view/f0ad5385-09d9-4624-9324-d6cad4e0aad7.jpg

    <div data-role="navbar" data-theme="a">
        <ul>
            <li><a href="#nav1">Nav 1</a></li>
            <li><a href="#nav2">Nav 2</a></li>
            <li><a href="#nav3">Nav 3</a></li>

        </ul>

    </div>
    <a href="index.html" data-role="button" data-icon="home" data-theme="a" 
     class="ui-btn-right" data-iconpos="notext">Home</a>

</div>

プログラムでそれを行うことはできますか? すべてのヘッダーの戻るボタンのように?

$.mobile.page.prototype.options.backBtnText = "previous";
4

1 に答える 1

0

まず第一に、あなたが達成したいことは理解できませんでしたが、あなたが提供した画像から、ナビゲーションバーの右側にホームアイコンを作成したいということです...

達成するには、CSSを使用してナビゲーションバーに含めることができます...

liにさまざまなクラスを追加して、さまざまな幅を提供するだけです...

HTML:

<div data-role="haeder" data-theme="a">
        <ul data-role="navbar" data-theme="a">
            <li class="tap1"><a href="#nav1">Nav 1</a></li>
            <li class="tap2"><a href="#nav2">Nav 2</a></li>
            <li class="tap3"><a href="#nav3">Nav 3</a></li>
            <li class="tap4"><a href="index.html" data-role="button" data-icon="home" data-theme="a" class="ui-btn-right" data-iconpos="notext">Home</a></li>

        </ul>

    </div>

CSS、

.tap1 { width:30% !important; }
.tap2 { width:30% !important; }
.tap3 { width:30% !important; }
.tap4 { width:10% !important; }

必要に応じて幅のパーセンテージを調整できます...

于 2012-06-20T05:04:38.533 に答える