1

ここにあるタブシステムのように見えるように、ヘッダーにナビゲーションバーを追加しています: http://jquerymobile.com/demos/1.0/docs/toolbars/docs-navbar.html

ただし、このコードをアプリに追加すると、ヘッダー ナビゲーション バーのタブ ボタンの周りにパディングと奇妙なスペースが表示されます。

<div data-role="header">        
    <div data-role="navbar">
        <ul>
            <li><a href="#">One</a></li>
            <li><a href="#">Two</a></li>
            <li><a href="#">Three</a></li>
        </ul>
    </div><!-- /navbar -->
</div><!-- /footer -->

margin を 0 に設定しようとしましたが、タブの周りの空白が削除されませんでした。誰か助けてもらえますか?

ありがとう

タブの周りの奇妙なスペースのスクリーン ショット

4

2 に答える 2

1

返信してくれたみんなに感謝しますが、私は自分の問題を理解しました。

私は appMobi と呼ばれるモバイル フレームワークを使用して、javascript/css/html でモバイル アプリを作成しています。また、jquery mobile などの js UI フレームワークを使用すると、いくつかのタブの問題が発生しました (そして、まだ行っていない下部のフッターを切り取っています)。理由を知っている...）。

問題は、jquery.mobile.min.js をヘッダーに 1 回、body タグのすぐ下に 1 回、2 回インポートしていたことです。奇妙に聞こえるかもしれませんが、私の弁護では、appMobi の動画でそうするように言われました...おそらく時代遅れの動画です...

そのため、jquery js ファイルをヘッダーの先頭に 1 回だけインポートするように修正します。

乾杯、

于 2011-12-12T06:12:23.163 に答える
0

モバイルでこれをやっていると思いますか？jQuery モバイルまたは類似のフレームワークを使用するサイトからコピーしましたか? これが正しく機能するためには、jQuery モバイル スクリプトをロードし、その 2 つの css ファイルにリンクする必要もあります。

于 2011-12-11T21:20:43.040 に答える