Javascript Phonegap数据库调用太慢

我开发了一个Phonegap应用程序，它向我显示表中的所有行。这个表大约有9000行，所有这些元素的迭代非常缓慢。大约需要20秒才能拿到

这是代码的一部分：

function getProducts(){
        var query ="SELECT name FROM table";

        db.transaction(function (tx){
            tx.executeSql(query, [], function (tx, results){
                var len = results.rows.length;

                if(len == 0 ){
                    hideWaitingMessage();
                    $('#elementList').empty();
                    $('#elementList').append("<li data-theme='e'><h3>No items</h3></li>");
                }else{
                    for (var i = 0; i < len; i++){
                        $("#elementList").append("<li><a onClick='goToProduct()'><h3>" + results.rows.item(i).name+ "</h3></a></li>");
                    }
                    hideWaitingMessage();
                }

                $('#elementList').listview('refresh');              

            }, callBack);
        }, callBack);
    }

Very simple, it works, but toooooo slow. Any suggestion to speed it up?

---

jquery mobile需要更多的时间刷新列表视图，因此您可以更好地使用具有用户定义样式的简单列表-它将在更好的时间加载

，这9000行同时显示在手机屏幕上？是的，这是一个产品列表，我在运行时生成HTML，一个列表，每个都是其中的一行。我需要在HTML中取出jquery mobile css和js引用才能做到这一点吗？我已经使用了一个为我编写的css类，但我不知道这是否就是不使用jquery mobile所需要的