Question

我在JQM中有一个菜单作为listview。在每一页上都应该是正常的，只有其中一个被扩展了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页面时，菜单正确更新...

Answer 1

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

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

价： .enhanceWithin()

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

1 个答案: