Javascript没有执行?

时间:2016-12-10 20:53:18

标签: javascript

我有这个HTML页面:

<!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中看到在调试器中创建的表格行,但没有任何内容附加到页面上的表格元素。什么可能导致此错误?

1 个答案:

答案 0 :(得分:-1)

$('#operations tr:last')不匹配任何元素 - 您的表没有表行 - 因此没有任何内容可以追加。

尝试简单地附加到表格中。

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