Question

我有一个页面，可以在列表中显示信息，例如火车或机场抵达登机牌。我在每个条目旁边都有一个编辑按钮，弹出一个div来编辑数据。

问题是我每隔20秒刷新一次表，弹出窗口就会消失。

弹出窗口：

function loadFlight() {
    document.getElementById("myDialog").innerHTML='<input type="button" onclick="$(\'#myDialog\').hide()" value="Close"></input><object type="text/html" id="edit"  width="800px" height="430px" data="edit_train.php" ></object>';
    $('#myDialog').height('500px');
    $('#myDialog').width('900px');
    $('#myDialog').show();
}

当前页面上的HTML：

<body>
    <script type="text/javascript">
        $(document).ready(function(){
            refreshTable();
        });
        function refreshTable(){
            $('#tableHolder').load('traininfo.php', function(){                    
                setTimeout(refreshTable, (10*1000));
            });
        }
    </script>
    <div id="tableHolder">
        <p>Loading</p>
    </div>
</body>

加载的页面包含：

<div class="content">
    <table>
        <tr>
            <th>Origin</th>
            <th>Destination</th>
        </tr>
        <tr>
            <td>Dublin</td>
            <td>Cork</td>
        <tr>
</div>

我也使用来自W3 Schools - Ajax tutorial的教程尝试了ajax 但它仍然隐藏着刷新。

知道如何在不关闭div的情况下重新加载页面吗？

刷新表但不隐藏div

0 个答案: