CODEWITHSUNDEEP
jquerydomjquery-mobile
Alex Turpin
Alex Turpin

Reputation: 47776

jQuery mobile dynamically add elements

I am trying to add a list view to a jQuery mobile site after the site has been loaded. Merely adding it to the DOM doesn't work because it doesn't parse it for data-role tags once it has been loaded. Here is an example: http://jsfiddle.net/Xeon06/h2gfT/2/

My question is, how do I refresh it? I've found numerous similar questions with answers ranging from using .refresh (which doesn't work because the element is never initialized as a list view) to .page (which doesn't work at all and I have no idea why). I am using the latest version of jQuery mobile at the time of writing, 1.02b.

Thanks.

Upvotes: 1

Views: 2134

Answers (3)

IcedDante
IcedDante

Reputation: 6842

I like to call the jQuery trigger method to accomplish this:

$(element).trigger("create")

So far it works for me without a hitch although I have heard it reported that creating new pages with this can be problematic.

Upvotes: 0

ShankarSangoli
ShankarSangoli

Reputation: 69915

I just removed the data-role attribute from page to make it work. I think that was the issue in your markup.

http://jsfiddle.net/h2gfT/3/

Upvotes: 0

Mark Coleman
Mark Coleman

Reputation: 40863

You can call .listview() on your element.

$("ul").listview();

Updated fiddle

Upvotes: 5

Related Questions