I'm using Phonegap and JQuery Mobile to create an iPhone mobile application. This application parses an external JSON and its contents are "formatted" in the Javascript appending the corresponding HTML tags and then adding all of this to the DOM. This is done with the following:
$('#container').append(output).trigger("create");
The previous code works perfectly when the data in the JSON is small and
therefore the contents in the output variable is also small,
but when the data is large and the output variable has a large string
takes time to execute on the iPhone (it works perfectly on Chrome, Firefox and Safari).
However if I remove the trigger method, the information is shown instantly, but of course without any styling applied: