javascript - jQuery 自动刷新 div 出现故障

Question

有人知道我做错了什么吗？

基本上，我将内容(图像)加载到 div 标签中，然后每 x 秒刷新一次。这就是我想出的办法，它的效果很好，直到它将文件淡入其中进行手动刷新为止。

当前流程如下所示:

加载...淡出、淡入然后消失并在几秒钟后重新出现。

应该发生的事情如下:

加载...淡出，淡入...淡出，淡入...(你明白了，循环)

代码:

$(document).ready(function () {
     $("#webcam").load("image.html").fadeIn("slow");
   var refreshId = setInterval(function() {
      $("#webcam_img").fadeOut("slow");
      $("#webcam").load('image.html');
      $("#webcam_img").fadeIn("slow");
   }, 5000);
});

在线文件可以在这里找到:http://colourednoise.co.uk/scripts/webcam.htm

谢谢

Answer 1

load 是异步的。您正在对一个元素调用 fadeIn，然后该元素将被 load 替换。您需要在 load 的回调中进行 fadeIn 以确保该元素存在。

$("#webcam").load('image.html', function(){
    $("#webcam_img").fadeIn("slow");
});