1

Jquery モバイルでアプリを開発していますが、navbar に要素が一列に表示されず、Google Chrome コンソールにリスト要素間にスペースが表示されています。これらの   を削除すると、要素は完全に整列します。ここで見ることができます: Navbar ----コンソール 

<div role="main" class="ui-alt-icon ui-nodisc-icon">
            <div data-role="navbar" data-grid="c">
                <ul>
                    <li><a href="#" class="ui-btn ui-icon-location ui-btn-icon-top">One</a></li>
                    <li><a href="#" class="ui-btn ui-icon-location ui-btn-icon-top">Two</a></li>
                    <li><a href="#" class="ui-btn ui-icon-location ui-btn-icon-top">Three</a></li>
                    <li><a href="#" class="ui-btn ui-icon-location ui-btn-icon-top">Four</a></li>
                </ul>
            </div><!-- /navbar -->
        </div>

誰か助けてくれませんか？

4

3 に答える 3

0

リスト要素（この場合はスペース）に追加のコンテンツを挿入するCSSルール:before（および）があるようです:after&nbsp;

(または同じことを行う jQuery 関数)

于 2015-12-14T15:35:10.030 に答える
0

レスポンシブ ナビゲーションのために jQuery でこれを行う必要はありません。最良の結果を得るには、標準のマークアップと CSS を使用できます。CSS のdisplayプロパティとメディア クエリを使用して、特定の幅または高さでナビゲーション トグルを表示および非表示にすることができます。詳細な回答については、このチュートリアルを参照してください。

于 2015-12-14T15:36:25.837 に答える