Hello,
I m try to add row to <ul> with list of rows after page load,
but when the row added, its looks different than the outers,
here is my html code :
<!DOCTYPE html>
<html>
<head>
<link href="http://code.jquery.com/mobile/latest/jquery.mobile.css" rel="stylesheet" type="text/css" />
<script src="http://code.jquery.com/jquery-1.9.1.min.js"></script>
<script src="http://code.jquery.com/mobile/latest/jquery.mobile.js"></script>
<script>
function getFriendsList()
{
var tag = '<input type="checkbox" name="checkbox-7a" id="checkbox-7a" class="custom" data-iconpos="right"/><label for="checkbox-7a"><img src="https://fbcdn-profile-a.akamaihd.net/hprofile-ak-ash4/261025_100001129460073_937883521_q.jpg" style="margin-right:20PX; float:left" width="35" height="35"/>Lolo</label>';
$("#FBFriends").append(tag);
}
</script>
</head>
<body ONLOAD="getFriendsList()">
<div data-role="page" id="Home">
<div data-role="header">
<h1>Demo</h1>
</div>
<div data-role="fieldcontain">
<ul id="FBFriends" data-role="listview" data-split-icon="gear" data-filter="true"
data-filter-placeholder="Search friends..." data-inset="true" >
<input type="checkbox" name="checkbox-2a" id="checkbox-2a" class="custom" data-iconpos="right"/>
<label for="checkbox-2a"><img src="https://fbcdn-profile-a.akamaihd.net/hprofile-ak-ash4/261025_100001129460073_937883521_q.jpg" style="margin-right:20PX; float:left" width="35" height="35"/>Doritos</label>
<input type="checkbox" name="checkbox-3a" id="checkbox-3a" class="custom" data-iconpos="right"/>
<label for="checkbox-3a"><img src="https://fbcdn-profile-a.akamaihd.net/hprofile-ak-ash4/261025_100001129460073_937883521_q.jpg" style="margin-right:20PX; float:left" width="35" height="35"/>Fritos</label>
<input type="checkbox" name="checkbox-4a" id="checkbox-4a" class="custom" data-iconpos="right"/>
<label for="checkbox-4a"><img src="https://fbcdn-profile-a.akamaihd.net/hprofile-ak-ash4/261025_100001129460073_937883521_q.jpg" style="margin-right:20PX; float:left" width="35" height="35"/>Sun Chips</label>
<input type="checkbox" name="checkbox-5a" id="checkbox-5a" class="custom" data-iconpos="right"/>
<label for="checkbox-5a"><img src="https://fbcdn-profile-a.akamaihd.net/hprofile-ak-ash4/261025_100001129460073_937883521_q.jpg" style="margin-right:20PX; float:left" width="35" height="35"/>Doritos</label>
<input type="checkbox" name="checkbox-6a" id="checkbox-6a" class="custom" data-iconpos="right"/>
<label for="checkbox-6a"><img src="https://fbcdn-profile-a.akamaihd.net/hprofile-ak-ash4/261025_100001129460073_937883521_q.jpg" style="margin-right:20PX; float:left" width="35" height="35"/>Fritos</label>
</ul>
</div>
</div>
</body>
</html>
Thanx for yours help...