Cordova SQLite 插件仅适用于第一次调用

Question

我有一个包含两个页面的 cordova 应用程序，第一个有一个搜索字段，第二个显示第一个的结果。 displayResults 函数

function displayResults(){
    var query = localStorage.getItem('search');
    var db = window.sqlitePlugin.openDatabase({name:"Store-DB", location: 1});
    queryDB(db,query);
    }

function queryDB(db,query){
    db.transaction(function(tx) {
            var queryList = query.split(" ");
            var sqlText = "SELECT * FROM DB WHERE item LIKE '%"+queryList[0]+"%'";
            for (i = 1; i < queryList.length; i++) {
                    sqlText += " OR item LIKE '%"+queryList[i]+"%'";
            }
            tx.executeSql(sqlText, [], querySuccess);
        }
        );
    }

function querySuccess(tx,results) {
    var i;
    var len = results.rows.length;
    //Iterate through the results
    for (i = 0; i < len; i++) {
        console.log(row);
        //Get the current row
        var row = results.rows.item(i);
        var div = document.createElement("div");
        div.style.background = "gray";
        div.style.color = "white";
        div.innerHTML = row;

        document.body.appendChild(div);
    }
    alert("Finished");
}

这是第二页的代码：

    <link rel="stylesheet" type="text/css" href="css/default.css">
    <script type="text/javascript" charset="utf-8" src="cordova.js"></script>
    <script src="js/zepto.js" type="text/javascript"></script>
    <script src="plugins/com.brodysoft.sqlitePlugin/www/SQLitePlugin.js" type="text/javascript"></script>
    <script src="js/code.js" type="text/javascript"></script>
    <script type="text/javascript">
        function onLoad(){
            document.addEventListener("deviceready", onDeviceReady(), false);
        }
        function onDeviceReady(){
            displayResults();
        }
    </script>

    </head>
    <body onload="onLoad()">
        <div id="taskbar">
            <a href="index.html">Home</a>
            <a id="username" class="toolbar_item" style="float:right;"  href="#"></a>
        </div>

第一次加载此页面时 displayResults 工作正常，但如果单击 link 返回主页并再次加载第二页，控制台会打印错误 ReferenceError: no "undefined" has no property "openDatabase" 换句话说，SQLite 插件没有加载。但是，如果我让 displayResults 在按下按钮而不是 onload 时触发，它每次都有效。这种特殊行为的解释是什么？

Answer 1

似乎有时 deviceready-event 要么根本没有触发，要么在有更多不同库的事件处理程序时触发得太早。第二个问题导致 brodysoft-plugin 没有正确加载并分配给 window-object 作为 window.sqlitePlugin 属性因为一个事件处理程序过早地调度了 deviceready-event。原来 setTimeout 是答案，因为它是 here

Answer 2

例如您可以使用 onpageshow 事件

$('#idofyourpage').bind("onpageshow",function(){
   //Do something
});

Cordova SQLite 插件仅适用于第一次调用

Cordova SQLite plugin only works on first call

javascript

sqlite

jquery

phonegap-plugins

cordova