javascript - JQuery load(url) 最初不起作用，间隔后激活

Question

我正在尝试制作一个由 Jquery 加载到 div 中的页面。并且应该偶尔刷新一次。

现在刷新工作了。但是初始页面加载不会。

我已尝试确保我编写了正确的代码。有人能指出我正确的方向吗？

我拥有的代码:

  <script type="text/javascript">
      jQuery(document).ready(function() {


                    $.ajaxSetup({
                        cache: false
                    }); // This part addresses an IE bug. without it, IE will only load the first number and will never refresh
                    setInterval(function() {
                        $('#WebsiteImages').load('/images/?SetAjaxCall=loadimages');
                    }, 2000); // the "3000" here refers to the time to refresh the div. it is in milliseconds.

                    /// **** DEFAULT LOADING
                    //$('#WebsiteImages').html('Some set text :-)');
                    $('#WebsiteImages').load('/images/?SetAjaxCall=loadimages');

      });
   </script>

div:

<div id="WebsiteImages"></div>

奇怪的部分是，当取消注释时:

$('#WebsiteImages').html('Some set text :-)');

这确实有效。

编辑我尝试过以下代码:

结果是一样的。(* 尝试将警报设置为测试并且代码运行，-> 我收到警报，因此没有解析错误 *)

$(window).load(function() {     
    $('#WebsiteImages').load('images/?SetAjaxCall=loadimages');          
});

我还尝试创建一个在页面加载后立即加载的函数:

function LoadImagePage(){
                            $('#WebsiteImages').load(\'/images/?SetAjaxCall=loadimages');
                        }

还添加了一个警报来检查它是否已加载。它运行了。然而并没有什么卵用。

回答作者:lshettyl以下代码有效!!!

$(function() {

    $.ajaxSetup({
        cache: false
    });

    //IIFE
    (function loadStuff() {
        $('#WebsiteImages').load('/images/?SetAjaxCall=loadimages', function() {
            setTimeout(loadStuff, 2000);
        });
    }());
});

Answer 1

正如我在评论中所说，拥有 IIFE 会更干净。而不是重复代码。我还建议在 load 回调中使用 setTimeout，而不是 setInterval。下面是我所说的一个例子。请记住，您已有的代码应该可以工作，除非在第一次调用中出现严重延迟并且 setInterval 已经启动。

$(function() {

    $.ajaxSetup({
        cache: false
    });

    //IIFE
    (function loadStuff() {
        $('#WebsiteImages').load('/images/?SetAjaxCall=loadimages', function() {
            setTimeout(loadStuff, 2000);
        });
    }());
});

这里是a demo沿着同样的路线。