2017-05-13 9 views
0

最近私はいくつかのWeb開発を学び始めました。私は最初のApacheコードワットアプリを作成しようとしています。いくつかの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 mobileでページをリロードする必要があります。おそらく私は何を探すべきか正確には分かっていないので、私はドキュメントで何かを見つけることができませんでした。

+1

リロードする必要はありません。キーワードは 'listview(" refresh ")'と 'updatelayout'です。 [ここ](http://stackoverflow.com/a/43915438/4845566)を参照してください。ちょうどスタイリングのためだけにJQMを使用することは、一般的な間違いです(IMHO)。 – 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"); 
関連する問題