Question

我希望在表格上方有一些内容，但每次更新表格时，我的表格上方的内容都会显示在表格下方。我不明白，因为这个内容不在刷新之间......我怎么能解决这个问题？

<!DOCTYPE html>
<html>

    <head>
        <title>test</title>
        <script type="text/javascript" src="http://code.jquery.com/jquery-latest.min.js"></script>
        <meta http-equiv="content-type" content="text/html; charset=UTF-8">
        <link href="css/bootstrap.min.css" rel="stylesheet" media="screen"> <font size="2"> 
        <table class="table table-condensed" border="1" id="usertable"></table>
        </font>

        <script src="https://maps.googleapis.com/maps/api/js?v=3&sensor=false&libraries=geometry"></script>
        <div class="btn-group" data-toggle="buttons">
            <label class="btn btn-primary">
                <input type="checkbox">Option 1</label>
            <label class="btn btn-primary">
                <input type="checkbox">Option 2</label>
            <label class="btn btn-primary">
                <input type="checkbox">Option 3</label>
        </div>
    </head>

    <body>
        <script src="js/bootstrap.min.js"></script>
        <div class="alert alert-success"> <a href="#" class="alert-link">Die Übersicht zu Drive-Now München lädt... Bitte einen Moment Geduld!</a>

        </div>
        <script type="text/javascript">
            $(document).ready(function() {
                //..//
                $('#usertable').append(

                function() {
                    return "<tr class=" + farbe + ">" +
                    //..//
                    "<tr>";
                });
            })
            }).always(callJSON);
            }, 2000);
            }
            $(callJSON);
            });
        </script>
    </body>

</html>

Answer 1

可能是html使用您的表格呈现“tbody”，如果是这样，您的内容将被置于此标记之外。尝试...

$('#usertable').find('tbody').append(...);

只是一个想法

Answer 2

将您的脚本更改为使用.before()而不是.append()：

   <script type="text/javascript">
        $(document).ready(function() {
            //..//
            $('#usertable').before(

            function() {
                return "<tr class=" + farbe + ">" +
                //..//
                "<tr>";
            });
        })
        }).always(callJSON);
        }, 2000);
        }
        $(callJSON);
        });
    </script>

Ajax表刷新 - 站点内容应保持在表之上

2 个答案: