Как динамически строить представление списка JQueryMobile

Мне нужно динамически добавлять представление списка. Я могу создать динамическое представление списка, но я добавляю

к жестко закодированному тегу в приведенном ниже фрагменте 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

Ответ 1

После добавления вы должны обновить список:

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

Ответ 2

Вот пример, который динамически создает список.

http://jsfiddle.net/SuSpv/

Сообщите мне, если это поможет.

Ответ 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>