Javascript沒有執行？

-3

<!DOCTYPE html> 
<html xmlns="http://www.w3.org/1999/xhtml"> 
<head> 
    <title>Bank page</title> 
    <link rel="stylesheet" type="text/css" href="./styles/main.css"> 
    <script src="http://ajax.aspnetcdn.com/ajax/jQuery/jquery-2.0.3.min.js"></script> 
    <script src="./scripts/config.js"></script> 
    <script src="./scripts/bankoperations.js"></script> 
</head> 
<body> 
    <div id="header"> 
     <div class="container"> 
      <div id="logoArea"></div> 
      <div id="navArea"> 
       <ul id="nav"> 
        <a href="./index.html"><li>Home</li></a> 
        <a href="./bank.html"><li>Bank</li></a> 
        <a href="./about.html"><li>About</li></a> 
       </ul> 
      </div> 
     </div> 
    </div> 
    <div id="mainArea"> 
     <div class="container page"> 
      <table id="operations"> 
       <caption>Bank operations with card</caption> 
      </table> 
     </div> 
    </div> 
</body> 
</html>

和這個js填充我的表內容：

$(document) 
    .ready(function() { 
     // Send an AJAX request 
     $.getJSON(window.appConfiguration.bankOperationSeviceUri) 
      .done(function (data) { 
       // On success, 'data' contains a list of products. 
       $.each(data, 
        function (key, item) { 
         $('#operations tr:last') 
          .after('<tr><td>' + 
           item.OperationName + 
           '</td><td>' + 
           item.OperationDateTime + 
           '</td><td>' + 
           item.Amount + 
           '</td></tr>'); 
        }); 
      }); 
    });

但是，當我執行此代碼 - 什麼也沒有發生。雖然我可以在Chrome中看到在調試器中創建的表格行，但是沒有任何內容添加到頁面上的表格元素。什麼會導致這個錯誤？

來源

2016-12-10 eocron

它爲什麼偏離主題？有人可以解釋嗎？ – eocron

-1

$('#operations tr:last')不匹配任何元素 - 您的表沒有錶行 - 所以沒有什麼要追加。

試着簡單地追加到表中。

$('#operations tbody:last').append(...)

來源

2016-12-10 20:55:37 Quentin

它仍然沒有顯示任何東西。 – eocron

Javascript沒有執行？

回答

相關問題