2017-05-13 67 views
0

我最近開始學習一些web開發,我正在嘗試創建我的第一個apache cordova應用程序。它應該下載一些json並將其顯​​示在無序列表中(ul)。我正在使用jquery mobile進行造型。這是寫作的JSON代碼:JQuery Mobile重新加載Listview/html

var htmlString = ""; 
    htmlString += "<ul data-role=\"listview\">"; 
    htmlString += "<li>" + jsonData[0].name + "</li>"; 
    htmlString += "</ul>"; 

    document.getElementById("list").innerHTML = htmlString; 

的造型作品,當我把它寫在index.html的數據角色=「列表視圖」,但是當我把它寫在JavaScript中這是行不通的,我覺得我需要以某種方式重新加載與jquery移動頁面。我無法在文檔中找到任何內容,可能是因爲我不完全知道要查找什麼內容。

+1

無需重新加載。這裏的關鍵字是:'listview(「refresh」)''和'updatelayout'。請參閱[這裏](http://stackoverflow.com/a/43915438/4845566)。順便說一句,使用JQM只是爲了造型是(恕我直言)一個常見的錯誤。 – deblocker

回答

0
var htmlString = ""; 
htmlString += "<ul data-role=\"listview\ id=\"listViewUl\">"; 
htmlString += "<li>" + jsonData[0].name + "</li>"; 
htmlString += "</ul>"; 

document.getElementById("list").innerHTML = htmlString; 
$('listViewUl').listview().listview("refresh");