jquery mobile动态扩展列表视图不起作用

Question

我在 JQM 中有一个作为列表视图的菜单。在每一页上它应该是正常的，只有在其中一个上它被扩展了 2 个项目。现在，我一直在互联网上搜索，但没有任何效果。我尝试过的事情：

-location.reload()
-trigger('create')
-$("#menuList").listview().listview('refresh');
-$("#menuList").create;
-child.create

也许还有更多。这是代码： DOM

<div id="menu" data-role="panel" data-display="push">
<center>
    <a href="" data-rel="close" class="ui-btn ui-shadow ui-corner-all ui-icon-delete ui-btn-icon-notext"></a><br />
    <ul id="menuList" data-role="listview">
        <li><a data-rel="close" href="index" class="ui-btn">Home</a></li>
        <li><a data-rel="close" href="providers" class="ui-btn">providers</a></li>
        <li><a data-rel="close" href="seekers" class="ui-btn">seekers</a></li>
        <li><a data-rel="close" href="add" class="ui-btn">add</a></li>
        <li><a data-rel="close" href="logout" class="ui-btn">logout</a></li>
    </ul>
</center>

JS：

$( document ).delegate("#providers", "pagebeforeshow", function() {
function addMenuButtons()
{
    var ul = $("#menuList");
    //var hr = document.createElement("hr");
    //ul.append(hr);
    for( var i in buttons )
    {
        var name = buttons[i].split(',');
        /*var a = document.createElement("a");
        a.setAttribute("data-rel","popup");
        a.className = "ui-btn ui-corner-all ui-shadow" ;
        a.id = name[1]+"Button";
        a.href = "#"+name[1];
        a.innerHTML = name[0] ;
        var li = document.createElement("li");
        li.appendChild(a);
        ul.append(li);*/
        //a.create;
        $("#menuList").html( $("#menuList").html()+"<li><a data-rel='popup' class='ui-btn ui-corner-all ui-shadow' id='"+name[1]+"+Button' href='#"+ name[1] +"'>"+ name[0] +"</a></li>" );
    }
    //$("#menuList").trigger('create');
    $("#menuList").listview();//.listview('refresh',true);
}

addMenuButtons();
});

buttons- 我制作的对象，在这里无关紧要。有什么想法吗？我一直在尝试解决这个问题。当我按 F5 页面时，菜单会正确更新...

Answer 1

在更改的小部件的父级上使用 .enhanceWithin()。

 $('.parent').enhanceWithin();

参考： .enhanceWithin()