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没有执行？

回答

相关问题