자바 스크립트가 실행되지 않습니까?

-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>'); 
        }); 
      }); 
    });

을하지만이 코드를 실행할 때 - 아무 반응이 없습니다. 비록 내가 크롬에서 디버거에서 만든 테이블 행을 볼 수 있지만 아무것도 페이지의 테이블 요소에 추가됩니다. 이 오류의 원인은 무엇입니까?

출처

2016-12-10 eocron

왜 화제가되지 않습니까? 누군가 설명 할 수 있습니까? – eocron

-1

$('#operations tr:last') 테이블에 테이블 행이 없으므로 아무 것도 일치하지 않으므로 추가 할 항목이 없습니다.

테이블에 간단히 추가해보십시오.

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

출처

2016-12-10 20:55:37 Quentin

아직 아무것도 표시되지 않습니다. – eocron

자바 스크립트가 실행되지 않습니까?

답변

관련 문제