2015-03-13 72 views
0

我有一个两页cordova应用程序,第一个有一个搜索字段,第二个显示第一个结果。 的displayResults功能科尔多瓦SQLite插件只适用于第一个电话

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作品就好了,但如果你点击链接返回到主页并再次加载第二页,控制台打印错误ReferenceError: no "undefined" has no property "openDatabase"换句话说,SQLite插件没有加载。但是,如果我让displayResults火按钮按下而不是onload它每次都有效。这种特殊行为的解释是什么?

+0

一个原因可能是onload事件是这个插件完全加载之前过早地打响了答案。我只是在离子框架中读到这样的错误,但这也可能是一个原因。 – Blauharley 2015-03-13 18:22:04

+0

@Blauharley是的,这几乎肯定是问题,我知道,但我该如何解决它? I.E.在插件加载之前,我怎么才能启动事件? – 2015-03-13 18:38:09

+0

我看到您的cordova.js脚本位于brodysoft插件脚本之上,值得尝试切换其位置。建议将cordova.js放在页面文件的底部 – Blauharley 2015-03-13 18:49:18

回答

1

似乎有些设备准备事件或者根本没有被触发,或者当存在更多不同库的事件处理程序时被触发得太早。第二个问题导致brodysoft插件未正确加载并作为window.sqlitePlugin属性分配给窗口对象,因为一个事件处理程序调度了deviceready事件太早。原来的setTimeout是因为它已经here

0

可以使用onpageshow事件例如

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