Search jQuery

jQuery Forum

Using jQuery

chehmerroy

Adding dynamic row to list

in Using jQuery • 8 years ago

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,

why ? what can I do to fix row for look the same has the others ?

this is my example :
http://jsbin.com/ebenov/1/edit

here is my html code :

<!DOCTYPE html>

<html>

<head>

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>

</div>

<ul id="FBFriends" data-role="listview" data-split-icon="gear" data-filter="true"

data-filter-placeholder="Search friends..." data-inset="true" >

<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>

<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>

<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>

<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>

<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>

</body>

</html>

Thanx for yours help...

Replies(1)

dsvick

Re: Adding dynamic row to list

8 years ago

Part of your problem is you have a syntax error in the code you posted on pastebin (your missing a ' , in the append line).

I think the rest of your issue maybe that your trying to append elements to a ul tag that can't be children of it. The only thing that can a child of a ul is an li element, putting anything else in there is asking the browser to give it its best shot at displaying what it thinks you might want.

Dave

Top Reply

Response title

Attachments

jQuery Forum

Adding dynamic row to list

Replies(1)

Re: Adding dynamic row to list

Statistics

Tags

Actions