Как динамически построить представление списка 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>'); 

Я даже хочу динамически построить, а затем добавить

Пожалуйста, помогитемне в достижении этого.

Спасибо Shyam

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>