0

分割ボタンのあるドロップダウンメニューが必要です...分割ボタンで構成されたナビゲーションバーのようなもので、テキストをクリックすると、テキストと矢印が表示されます。矢印をクリックすると、ボタンの下にドロップダウンが開きます。

私はJQueryモバイル分割リストでそれを行うことができると思いますが、ボタンを水平にリストし、それらの下にドロップダウンを開く必要があります...

これは私がこれまでのところフィドルで持っているものです

HEREのようにアイコンをクリックしたときにドロップダウンを開く必要がありますが、アイコンをクリックしたときです。

では、どうすればこれを行うことができますか？navbar またはプラグインでそれを変更する方法はありますか?

タッチスクリーンにはマウスオーバーイベントがないため、通常のドロップダウンメニューを使用できないことに注意してください...

4

1 に答える 1

0

分割リストを使用しようとするのではなく、分割リスト項目ごとに 2 つのナビゲーション ボタンを作成してみてはいかがでしょうか。一方にはテキストがあり、もう一方にはアイコンがあります。

<div data-role="foooter" data-position="fixed">
    <div class="ui-grid-c">
        <div class="ui-block-a">
            <a data-role="button" data-shadow="false" data-corners="false" href="#">Text 1</a>
        </div>
        <div class="ui-block-b">
            <a data-role="button" data-icon="delete" data-iconpos="notext" data-shadow="false" data-corners="false" href="#">Text 2</a>
        </div>
        <div class="ui-block-c">
            <a data-role="button" data-shadow="false" data-corners="false" href="#">Text 2</a>
        </div>
        <div class="ui-block-d">
            <a data-role="button" data-icon="home" data-iconpos="notext" data-shadow="false" data-corners="false" href="#">Text 2</a>
        </div>
    </div>
</div>

ここにデモがあります: http://jsfiddle.net/neSDT/

確かに磨きが必要ですが、これで始められるかもしれません。

于 2012-04-24T20:37:38.633 に答える