jQuery Mobile wait to page list-view загрузки

Question

В настоящее время я разрабатываю небольшое приложение JQM + PhoneGap (новое на этом) и получил следующую проблему: я загружаю данные из JSON (который является локальным, AJAX еще не установлен) в представлении списка проблема возникает, когда я загружаю страницу, на страницу css списка просмотра требуется немного времени для загрузки, и вы можете увидеть маркированный список в течение половины секунды. Вот часть кода, который я думаю, что участвует

<div data-role="content" id="job_offers_close_to_user_result"> 
    <!-- Insert job offers from JSON script here --> 
    <div id="fill_with_job_offers_close_to_user_result"></div> 
    <div id="view_job_offer_button"></div> 
</div> 

AppController.fillJobsList = function(){ 
$("#view_job_offer_button").append(" "); 
$("#fill_with_job_offers_close_to_user_result").html(" "); 
for (var i=0; i < JSON_with_jobs.ofertas.length; i++){ 
    $("#fill_with_job_offers_close_to_user_result").append("<ul data-role='listview'>" 
     + "<li><a href='#job_description_"+i+"'>" 
     + JSON_with_jobs.ofertas[i].titulo + "<br />" 
     + JSON_with_jobs.ofertas[i].empresa + "<br />" 
     + JSON_with_jobs.ofertas[i].contrato + "<br />" 
     + JSON_with_jobs.ofertas[i].localidad + "," + JSON_with_jobs.ofertas[i].provincia + "<br />" 
     + "<br />" 
     +"</a></li>" 
     + "</ul>" 
); 

Эта функция вызывается при нажатии на кнопку,

<a id="mybutton2" onclick="AppController.fillJobsList()" href="#close_to_user" data-role="button">Buscar</a> 

Спасибо заранее!

Answer 1

Вы можете создать элемент как с кодом стиля «display: none;» и после того, как вы закончите добавление элемента и закончить обрабатывающий его, чтобы показать, что

$(element).show();