jQuery Mobile trigger create needs delay

Question

I am using Ajax to load an xml and shape it into a jQuery Mobile listview. Right after sending the xml i am calling the trigger method so that the page can be re-initialized and the css styles can be added to the listview like so:

xmlhttp.send();
$("#page1").trigger( "create" );

When i load the page, i see the styles on the listview for a fraction of a second but then the listview shows up without the jQuery Mobile styles. It seems to work when i use a delay though like so:

setTimeout(function(){
    $("#page1").trigger( "create" );
}, 5);

I noticed this as it always seemed to work when i used a breakpoint. This bothers me though, because when i use this method i always see the unthemed list for a short while. I also tried refreshing the list right before and after creation but none seemed to work. Does anyone know a way to fix this issue?

Jasper · Accepted Answer · 2012-04-19 23:30:14Z

1

AJAX requests are asynchronous, meaning other code runs while the response is being waited-on. The general flow for using an AJAX request is to do any work on the data received in a callback function for the request. Here is an example using jQuery AJAX:

$.ajax({
    url     : 'my-page.html',
    success : function (response) {
        $("#page1").html(response).trigger('create');
    },
    error   : function (jqXHR, textStatus, errorThrown) { /*remember to handle errors*/ }
});

This assumes that the server-response is valid HTML and that you wanted to replace the content of #page1 with the response from the server.

answered Apr 19, 2012 at 23:30

Jasper

76.1k14 gold badges153 silver badges148 bronze badges

Sign up to request clarification or add additional context in comments.

3 Comments

Dan Over a year ago

how do i get this to work when i am using xmlhttp? I am replacing my content like so: document.getElementById('content').innerHTML=rawhtml; xmlhttp.open("GET",url,true); xmlhttp.send();

Jasper Over a year ago

Sorry I'm no expert with that, I use jQuery for any AJAX I need to utilize. Search Google (or whatever) for something like: xmlhttp ajax callback. That should find you the correct answer.

Dan Over a year ago

I tried this using an ajax get from another html page providing me the raw list view, just like your example. However the trigger does not seem to have any effect in that case.

Collectives™ on Stack Overflow

jQuery Mobile trigger create needs delay

1 Answer 1

3 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

3 Comments

Your Answer

Sign up or log in

Post as a guest

Related