Question

现在，我知道如果我想每xx秒重新加载一个div，我必须将div放在一个单独的文件中，然后使用第一个文件加载每隔xx秒，所以使用如下代码：

<script>
    $(document).ready(function(){
$('#chat_holder').load('file.page.php');

setInterval(function(){

        $('#chat_holder').load('file.page.php');

}, 10000);
});

</script>

..所以这会将内容加载到此文件中。有没有办法在同一个文件中只有一个div并在每xx秒重新加载一次？

Answer 1

我认为你来自want to access a specific div页面的file.page.php：

 $(document).ready(function(){
     $('#chat_holder').load('file.page.php #targetDivId');
     setInterval(function(){
        var loaded = $('#chat_holder').load('file.page.php #targetDivId');
        $('#chat_holder').html(loaded);
     }, 10000);
 });

这会将目标div加载到#chat_holder div中，这将在每一秒

中加载

Answer 2

是的，这是可能的，但我怀疑这是'良好做法'。看看这个：

$("#chat_holder").load("thePageOfChatHolder.html #chatbox");

这将获取thePageOfChatHolder.html的内容，除聊天框外删除所有内容并将其放入#chat_holder。

修改
也许这个解决方案会将div“置于其中”，如下所示：

<div id="chat_holder"> <div id="chat_holder"> <div id="chat_holder"> ... and so on ... </div> </div> </div>

在这种情况下，将#chat_holder包装在另一个div中（在我的示例中，它具有ID wrapper）并执行此操作：

$("#wrapper").load("thePageOfChatHolder.html #chat_holder");

jquery刷新div而不使用其他文件？

2 个答案: