javascript - 在警报中它显示数据但不在主屏幕中

Question

我正在使用 PhoneGap SQLite，但遇到了数据未显示的问题。警报(脚本)显示数据在那里，但未显示在主屏幕上。我在代码中犯了什么错误？

在 jQuery 中:

function get_Emp_List() {             
           $("#employee").empty();
          
           $(location).attr('href', '#emp1');
           $.support.cors = true;   
           $.ajax({
                type: "GET",
                url: "one.html",
                contentType: "text/xml",
                dataType: "xml",
                data: "",
            crossDomain:true,
                success: function (data) {                  
                          $(data).find("employee").each(function () {   
                                                  
                          var emp_id = $(this).find('id').text();
                          var emp_name = $(this).find('short_name').text();
                         
                         
                           db.transaction(function(transaction) {
                                 transaction.executeSql('INSERT INTO Envy_Emp VALUES((SELECT max(_idEE)+1 FROM Envy_Emp),"'+emp_id+'","'+emp_name+'")',nullHandler,errorHandler);
                            });
                             });                     
                     ids_Dynamic_Emp_List();
                        
                          return false;
                       },
                error: function (data) {
                        alert("error");
                }
            });     
  }

      /*  end Employee list script */
  
   /*ids_Dynamic_Emp_List() method coding Start*/ 
 
  function ids_Dynamic_Emp_List(){
  /*sql start*/
  
  /*sqlite code for dynamic Emp list*/
  db.transaction(function(tx){
    tx.executeSql('SELECT * FROM Envy_Emp;', [], 
  
        function(tx,results){
            
                   if (results != null && results.rows != null) { 
                    var myLen=results.rows.length;
                     for (var i = 0; i < results.rows.length; i++) {
                         var for_Name = results.rows.item(i).Envy_Emp_Name;
                         var for_ID = results.rows.item(i).Envy_Emp_ID;
                         var for_E_ID=results.rows.item(i)._idEE;
                        /*create table list Dynamically using Sqlitedata base */
                             var scripts = "<a href='#' data-role='button' data-theme='b' data-inline='true' onclick='get_Menu_List(id);' id='"+for_E_ID+"'>"+for_Name+"</a>";
                             alert(scripts);
                          $(".employee1")
                          .append(scripts)
                          .trigger('create');
                        /*create table list Dynamically using Sqlitedata base End*/ 
                        }
                      }
                   },errorHandler);
                  }
                 ,errorHandler,nullHandler);
                 return; 
                  }

在 HTML 中:

<div data-role="page" id="emp1">
  <div date-role="content">
    <div id="employee" class="employee1"/>
  </div>
</div>

Answer 1

你能试试这个吗？

在这个函数中调用一个函数并传递数据，而不是附加代码。在被调用的函数中，追加传递的数据。

function ids_Dynamic_Emp_List(){
  /*sql start*/

  /*sqlite code for dynamic Emp list*/
  db.transaction(function(tx){
  tx.executeSql('SELECT * FROM Envy_Emp;', [], 

        function(tx,results){

                   if (results != null && results.rows != null) { 
                    var myLen=results.rows.length;
                     for (var i = 0; i < results.rows.length; i++) {

                             appendScripts(results.rows.item(i)); /*call function*/

                        /*create table list Dynamically using Sqlitedata base End*/ 
                        }
                      }
        },errorHandler);
   },errorHandler,nullHandler);
   return; 
}

然后在这里追加数据，

    /*function appends data to div*/
    function appendScripts(values){
          var for_Name = values.Envy_Emp_Name;
          var for_ID = values.Envy_Emp_ID;
          var for_E_ID= values._idEE;

          /*create table list Dynamically using Sqlitedata base */
          var scripts = "<a href='#' data-role='button' data-theme='b' data-inline='true' onclick='get_Menu_List(id);' id='"+for_E_ID+"'>"+for_Name+"</a>";
          $(".employee1").append(scripts).trigger('create');
    }

更新发现 html 5 的问题，将 html 更改为，

<div data-role="page" id="emp1">
       <div date-role="content">
          <div id="employee" class="employee1"></div>
       </div>
 </div>