從websql訪問數據

Question

早上好，我有一個腳本可以從WebSQL數據庫中檢索數據，它可以正常工作。

$(document).ready(function(e) {
var v= location.search.replace("?init=", "");
document.getElementById('key').innerHTML=v;

var db = openDatabase('contacts', '1.0', 'contacts database', 5 * 1024 * 1024); var x = v + "%";    
 db.transaction(function(tx){   
    tx.executeSql('SELECT * FROM names WHERE  lname  LIKE "' + x +'"', [], function (tx, results){  
  var len = results.rows.length, i;
  if(len > 1 ){   // if len is greater than 1 
  for (i = 0; i < len; i++) {
        $('#nameList').append("<li data-url='autolkp.html?id='" + results.rows.item(i).lname + "' class='n' id='"+results.rows.item(i).lname+"'>" + results.rows.item(i).lname + "</li>");
  }
  } // closes if len is greater than 1
else {  
        $("#fName").val(results.rows.item(0).fname);    
        $("#lName").val(results.rows.item(0).lname);
        $("#adx").val(results.rows.item(0).adx);
        $("#city").val(results.rows.item(0).city);
        $("#state").val(results.rows.item(0).st);
        $("#zip").val(results.rows.item(0).zip);
        $("#phone1").val(results.rows.item(0).phone1);
        $("#phone2").val(results.rows.item(0).phone2);
        $("#email").val(results.rows.item(0).email);
}   });   });  });

該腳本從查詢中獲取結果，並創建一個包含姓氏的列表。

我正在嘗試使用此腳本從li訪問data-url

$(document).ready(function(){
$('li').click(function(){
    a = $(this).attr('data-url');
    alert(a);
}); });

它不起作用。 當您執行視圖頁面源時-executeSql的所有數據都不可見，但進入控制台時則可見。 這是時間問題嗎？ 我該如何解決？

謝謝。

Answer 1

您要設置<li>單擊偵聽器，然后才能呈現結果。 您只需要將點擊偵聽器更改為此：

$(document).ready(function () {
  $('#nameList').on('click', 'li', function() {
    // DO SOMETHING
  });
});