jQuery Mobile rendering problems with content being added after the page is initialized

Question

I\'m using jQuery Mobile and Backbone JS for a project. It\'s mostly working, using jQuery Mobile\'s event \'pagebeforeshow\' to trigger the correct Backbone View. In the Ba

Answer 1

update

Since jQueryMobile beta2 there is an event to do this. .trigger('create') on an element to cause everything inside it to be painted correctly.

Another question that is not a duplicate, but requires an answet I posted over 10 times :)

[old answer]

try .page()

More details in my faq: http://jquerymobiledictionary.pl/faq.html

Answer 2

JQuery Mobile now supports .trigger("create"); which will resolve this for you

Answer 3

Try use enhanceWithin() method. This should be method of any jQuery object while using jQuery Mobile.

Answer 4

Try calling .trigger("create") on the element with the new content.

Answer 5

I needed a way to dynamically refresh a JQM page after it had been initialized. I found that if I removed the data attribute "page" during the "pagehide" event, the next time the JQM page was displayed it was re-initialzed.

$('#testing').live('pagehide', function (e) {
    $.removeData(e.target, 'page');
});