jQuery $ .each两次迭代firebase数组

时间:2017-01-30 03:26:23

标签: javascript jquery firebase

我正在尝试在网络上使用带有firebase的jQuery,并且正在建立一个用户和票证的快速表。用户和票证正在显示,但是它们被迭代两次,因为该表包含相同的用户和票证两次。我不确定发生了什么。

     var users = ["Nick","Peter"];
     var rows = "";
     var number = 0;

 //Sync all changes
 dbRefAllUsers.on('value', function(snap) {

     console.log("#Run",number+1);

     jQuery.each(users, function(index,name){
         console.log(name);
         rows += "<tr><td>" + name + "</td><td>" + snap.child(name).child("tickets").val() + "</td></tr>";
         console.log(rows);
         });

     $(rows).appendTo("#ticketTable tbody");

     return head.innerText = JSON.stringify(snap.val(), null, 3);

 });`

HTML:

 <!DOCTYPE html>
    <html>
    <head>
    <meta content="text/html; charset=UTF-8" http-equiv="content-type">
    <title></title>
  </head>

  <body>

    <h1 id="head"></h1>
    <script src="https://www.gstatic.com/firebasejs/3.6.7/firebase.js"></script>
    <script type="text/javascript" src="http://code.jquery.com/jquery-1.7.1.min.js"></script>
    <script src="./app.js"></script>

    <table id="ticketTable" style="font-size:18px;">
        <thread>
        <tr>
            <th>Users</th>
            <th>Tickets</th>
        </tr>
        </thread>
        <tbody>
        </tbody>
        </table>

  </body>
</html>

0 个答案:

没有答案