0

JQuery Mobile には、次のようなナビゲーション バーがあります。

<div id="nav_bar" data-role="navbar">
    <ul>
        <li><a>video</a></li>
        <li><a>music</a></li>
        <li><a>picture</a></li>
    </ul>
</div>

ここで、ナビゲーション バーに「一部のコンテンツ」のみを表示したいとします。これは私のコードです:

$("#nav_bar ul").html("<li><a>some content</a></li>");

ただし、組み込みの JQuery Mobile スタイルは適用されません。これどうやってするの？

前もって感謝します。

4

2 に答える 2

0

ページが開かれると、スクリプトが実行され、必要なすべてのクラスが追加されます。アイテムを置き換えても、スクリプトは再実行されません。

テキストでクラスを指定するか、変数を使用するか、次のようにして、クラスを手動で追加しないと、これを行うことができないと思います。

$("#nav_bar ul").html('<li><a>some content</a></li>').children('li').addClass('class-one class-two');
于 2012-07-17T01:39:43.233 に答える
0 
$("#nav_bar ul").html("<li><a>some content</a></li>");

.html() メソッドは ul 要素とそのコンテンツを破棄してから、新しいコンテンツを追加します。

代わりに .append() を使用する必要があります。

$("#nav_bar ul").append("<li><a>some content</a></li>");

実際に元のコンテンツを置き換えたい場合。

div をターゲットにして .html() メソッドを使用する

$("#nav_bar").html("<ul><li><a>some content</a></li></ul>");​
于 2012-07-17T01:42:22.563 に答える