次のコードスニペットを使用して、jQueryモバイルページに2アイテムのナビゲーションバーを作成できます。
<div id="nav-bar" data-role="navbar">
<ul id="nav-list">
<li><a id="link1" href="#">Nav 1</a></li>
<li><a id="link2" href="#">Nav 2</a></li>
</ul>
</div>
次のコードのさまざまなバージョンを使用して、プログラムで3番目のナビゲーションバー要素を追加しようとしています。
$("#nav-list").append("<li><a id='newElement' href='link3'>Nav 3</a></li>");
$("#nav-bar").navbar();
//$("#pageName").page();
//$("#pageName").trigger("create");
//$("#nav-list").listview("refresh");
これを実行すると、「Nav 3」リンクが表示されますが、他のリンクのjQuerymobileフォーマットは使用されません。
どんな助けでも大歓迎です。