jquery - jquery モバイルでナビゲーション バーに新しい項目を追加すると、ページの再フォーマットが失敗する

Question

以下のコードを使用して、項目を Navbar に動的に埋め込もうとしています

$('#addForm').live('click', function() {
    $('<li><a href="#" data-href="a" data-icon="grid">Form ' +   ($(this).parent().find('li').length) + '</a></li>').insertBefore($(this));
    $('#frmNav').navbar();
 });​ 

また、このフィドルを確認することもできます。私は今のところSOで与えられたすべての解決策を試しました。どれも私のために働いていません..これについて私を助けてください。

Answer 1

JS

$('#addForm').live('click', function() {
     var textA = 'Form ' + $(this).parent().find('li').length;   

    var li = $("<li>");
    var a = $("<a>")
        .attr("data-href","a")
        .attr("data-icon","grid")
        .attr("href","#")
        .text(textA );

   $(a).appendTo(li)     

   $(li).insertBefore($(this));

   $(li).navbar();

});​

navBar()新しい要素を呼び出す必要があります