2016-12-10 7 views
-3

Ich habe diese HTML-Seite:Javascript wird nicht ausgeführt?

<!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> 

und diese js meine Tabelle mit Inhalten zu füllen:

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

Aber wenn ich diesen Code ausführen - nichts passiert. Obwohl ich Tabellenzeile im Debugger in Chrome erstellt sehen kann, wird an das Tabellenelement auf der Seite nichts angehängt. Was kann diesen Fehler verursachen?

+0

Warum ist es nicht Thema? Jemand kann es erklären? – eocron

Antwort

-1

$('#operations tr:last') stimmt nicht mit irgendwelchen Elementen überein - Ihre Tabelle hat keine Tabellenzeilen - es gibt also nichts, an das Sie sich anschließend anhängen können.

Versuchen Sie einfach, stattdessen an die Tabelle anzuhängen.

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

es ist immer noch nichts zu zeigen. – eocron

Verwandte Themen