jQuery Mobile等到页面​​列表视图加载

Question

我正在开发一个小型的JQM + PhoneGap应用程序（此处是新的）并得到以下问题，我正在从JSON（本地的，没有AJAX）加载数据到列表视图，问题当我加载页面时，list-view的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

您可以使用样式代码创建元素＆＃34; display：none;＆＃34;并在完成附加元素并完成处理后，显示它

$(element).show();