使用JavaScript函數向jQuery Mobile添加元素

Question

我正在向jquery移動網站添加元素。雖然我使用完全相同的函數，但在構建頁面並使用Javascript函數添加時加載正確的列表類是不同的。 第一行是在加載頁面時應用以下代碼時創建的。第二行是在調用SignFunc（）函數後創建的，輸出是populateRecent（「從JS函數中添加」）。

function populateRecent(x) { 
    var x ='<ul data-role="listview" data-input="#myFilter" data-inset="true"><li id="contact1"><a href="#">'+x+'</a></li></ul>'; 
    $("#myList").append(x); 
} 
    SignFunc(); 
    populateRecent("added when building the page"); 
</script> 

Answer 1

你只需要告訴JQM增強或刷新小部件。在你的例子中，你每次調用populateRecent（）時都會向容器中添加一個全新的listview。因此，你可以告訴容器，以增強其內容：

$("#myList").append(x).enhanceWithin(); 

如果你真的打算時listItems添加到現有列表視圖，你可以告訴列表視圖刷新：

var x ='<li id="contact1"><a href="#">'+x+'</a></li>'; 
$("#myListUL").append(x).listview("refresh"); 

DEMO

在演示中，點擊頂部按鈕添加新項...