jQuery 绑定和 getJSON 组合的行为不符合预期

Question

我正在加载一个 jQuery UI 对话框，通过 AJAX 调用获得的 HTML 末尾是下面的脚本。我希望它绑定到我定义的按钮并在单击时运行，但它不运行。如果我将函数的内容更改为除了警报之外什么都没有，它就可以正常运行。 JSLint 没有帮助我找到我的问题。谁能告诉我我错过了什么？

<script type="text/javascript">
    $("#runbutton").bind("click",function()
    {
        $("#loading").show();
        $.getJSON("web.air.sum.rpt.php","json=true&whse="+$("#whse").val()+"&date1="+$("#date1").val()+"&date2="+$("#date2").val()+"&status="+$("#status").val()+"&caby="+$("#caby").val()+"&catarg="+$("#catarg").val(),function(data, textStatus)
            {
                $("#results").html("<table width='100%' id='restbl'></table>");
                $("#loading").hide();
                $.each(data,function(key,val)
                {
                    $("#restbl")
                        .append("<tr><th>AIR "+val.KEY+"</th><td>"+val.ACCDATE+" "+val.ACCTIME+"</td></tr>")
                        .append("<tr><th>Team Member</th><td>"+val.NAME+"</td></tr>");
                        .append("<tr><th>Target</th><td>"+val.TARDATE+"</td></tr>");
                        .append("<tr><th>Accident Description</th></tr><tr><td colspan='2'>"+val.ACCDESC+"</td></tr>");
                        .append("<tr><th>Corrective Action</th></tr><tr><td colspan='2'>"+val.CORRACT+"</td></tr>");
                        .append("<tr><td></td><td>By "+val.VERBY+"</td></tr>");
                        .append("<tr><td colspan='2'><hr></td></tr>");
                });
            });
    });
</script>

Answer 1

.append() 函数后面有分号。这只应该是在最后一个之后才这样。