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

jquery mobile dynamically extended listview doesn't work

本文关键字：不起作用 视图 列表 动态 扩展 jquery-mobile      更新时间：2023-09-26

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

纽扣——我做的东西，在这里无关紧要。对此有什么想法吗？？我一直没能解决这个问题。当我F5页面时，菜单会正确更新。。。

在更改的小部件的父级上使用.enhanceWithin（）。

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

参考编号：.enhanceWithin（）

相关文章：