Dynamically generated LI with thumbnail length variable.
Hello,
I spent much time to show 'listview' dynamically.
My code like this;
$("item",xml).each( function(){
var item_file = $(this).find("file").text();
var item_desc = $(this).find("desc").text();
if (item_desc == undefined) item_desc ='';
var item = '<li><img src="' + item_file + '" />';
item += '<h3><a href="#each">' + item_desc +'</a></h3>';
item += '<p>dummy</p></li>';
$('#itemlist').append(item);
// alert(item);
});
Last alert shows maybe right statement.
<li><img src="images/a.jpg" /><h3><a href="#each">swim ware</a></h3></p>dumm</p></li>
But Jquery mobile shows not 'edgetoedge' list, Please check attached screen shot.
Does anyone have experience about <li> generating dynamically ?