将新项目附加到jquery mobile中的导航栏时，重新格式化页面失败

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();
 });​ 

你还可以检查this小提琴。到目前为止，我已经尝试了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()