Cordovaでjavascript push（）が動作しません

Question

sqliteデータを取得するには問題がありますCordova-sqlite-storage PluginとCordovaアプリのメニューに入れてください。

は、私のコードの一部を参照してください。

var db = window.sqlitePlugin.openDatabase({name: "test.db", location: 'default'}); 

var items = []; 

db.transaction(function(transaction) { 
transaction.executeSql('SELECT * FROM categories', [], function (tx, results) { 

    for (i = 0; i < results.rows.length; i++){ 
     items.push('<li data-page="categories" data-value="'+results.rows.item(i).cat_id+'"><a href="#"><i class="fa fa-'+results.rows.item(i).cat_icon+'"></i><em>'+results.rows.item(i).cat_title+'</em></a></li>'); 
     alert('<li data-page="categories" data-value="'+results.rows.item(i).cat_id+'"><a href="#"><i class="fa fa-'+results.rows.item(i).cat_icon+'"></i><em>'+results.rows.item(i).cat_title+'</em></a></li>'); 
    } 
}, null); 
}); 

items.push('<li data-page="categories" data-value="aaa"><a href="#"><i class="fa fa-check"></i><em>Teste</em></a></li>'); 
jQuery('.menu').append(items); 

問題がitems.push（ということである）のために（）が動作しませんで。どうして？

for（）のalert（）は、データを正しく表示します。

2番目のitems.push（）は正しく動作します。

Answer 1

コードの非同期動作がありません。 データベースへのトランザクションが完了するまでに時間がかかるので、この終了を成功またはエラーで聞くためのコールバックが提供されます。あなたのコードで

：

items.push('<li data-page="categories" data-value="aaa"><a href="#"><i class="fa fa-check"></i><em>Teste</em></a></li>'); 
jQuery('.menu').append(items); 

これはあなたのコールバックはよりも前に呼び出されます。 [どのように私はからの応答を返さないの

var db = window.sqlitePlugin.openDatabase({name: "test.db", location: 'default'}); 

var items = []; 

db.transaction(function(transaction) { 
transaction.executeSql('SELECT * FROM categories', [], function (tx, results) { 

    for (i = 0; i < results.rows.length; i++){ 
     items.push('<li data-page="categories" data-value="'+results.rows.item(i).cat_id+'"><a href="#"><i class="fa fa-'+results.rows.item(i).cat_icon+'"></i><em>'+results.rows.item(i).cat_title+'</em></a></li>'); 
     alert('<li data-page="categories" data-value="'+results.rows.item(i).cat_id+'"><a href="#"><i class="fa fa-'+results.rows.item(i).cat_icon+'"></i><em>'+results.rows.item(i).cat_title+'</em></a></li>'); 
    } 
    jQuery('.menu').append(items); 
}, null); 
});