1

jQueryモバイルサイトにナビゲーションバーを実装しようとしています。

      <div data-role="navbar">
        <ul>
            <li><a href="a.html">One</a></li>
            <li><a href="b.html">Two</a></li>
        </ul>
    </div><!-- /navbar -->

画像を投稿することはできませんが、リンクを提供することはできます

（http://pupillogroup.com/matthiaspupillo/wp-content/uploads/2012/06/Screen-Shot-2012-06-21-at-9.35.00-AM.png）

問題は、2つの等間隔のボタンの代わりに、私のサイトに2つの33％ボタンと1つの空のボタンが表示されることです。追加されたクラスは「ui-block-cui-grid-null」です。

css、jquery、js、jquerymobile.jsに変更を加えていません

これは複雑かもしれませんが、私もphonegap.jsを使用していますが、それは問題ではないようです。

どんな助けでも大歓迎です。

4

1 に答える 1

0

答えは質問にあります。質問を入力したときにコードを再入力すると、問題が解決しました。エラーを生成するコード

<div data-role="navbar">
    <ul>
        <li><a href="a.html">One</a></li>
        <li><a href="b.html">Two</a></li>
    <ul>
</div><!-- /navbar -->

<ul>私の締めくくりにスラッシュがなかったので、追加のボタンが追加されました</ul>。jQuery は終了タグを自動生成し<li>、空のボタンを追加する空白を作成していました。

于 2012-07-13T16:04:33.393 に答える