如何动态构建列表视图JQueryMobile

Question

我需要动态添加列表视图。     我能够动态构建列表视图，但我将

附加到下面的html片段中的硬编码标签。

The HTML code snippet.
<ul id="mymenu" data-role="listview" >
</ul>

Jquery Code Snippet.
$("#accpmenu").append('<li><a href='+ "#" + ' id="a"  "> <img src="letterheader.png" >'+ this.textContent + '  </a> </li>'); 

我甚至想要动态构建然后追加

请帮助我实现这一目标。

由于 希亚姆

Answer 1

追加后，您必须刷新列表：

  $("#mymenu").listview("refresh");

Answer 2

以下是动态创建列表的示例。

http://jsfiddle.net/SuSpv/

如果有帮助，请告诉我。

Answer 3

我使用下面的代码正常工作

                                          

动态列表视图

                                                                      的                            

<script>


var myArray = ["Arun", "kumar", "Mani", "Vimal", "Vinoth"];

$.each(myArray, function(index, value){

    console.log("INDEX: " + index + " VALUE: " + value);


});


         var output = [];

    for (var i = 0; i <myArray.length; i++) {


       output.push('<li><img src="img/img_help.png">' + myArray[i] +'</li>');

    }

     $('#coursemates').append(output.join('')).listview('refresh');

     $("#coursemates").listview("refresh");

</script>