2016-12-10 10 views
-3

私はこのhtmlページがあります。Javascriptが実行されていませんか?

<!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でデバッガで作成された表の行は表示されますが、ページの表要素には何も追加されません。このエラーの原因は何ですか?

+0

なぜオフトピックですか?誰か説明できますか? – eocron

答えて

-1

$('#operations tr:last')テーブルにテーブル行がないため、後に追加するものはありません。

代わりにテーブルに単に追加してみてください。

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

まだ何も表示されていません。 – eocron

関連する問題