php - Jquery .load & .html 加载器时间问题

Question

我似乎遇到的另一个问题是再次使用 Jquery。我基本上是通过使用 .load 函数从外部 php 页面加载内容。这很好用，我唯一的问题是负载只是闪烁进出，所以看起来不太好。

有没有办法让装载机显示更长的时间，或者至少显示最少的时间？

这是我目前拥有的代码：

 $('#content').load('contact.php');
        $('#test a').click(function() {
        var page = $(this).attr('href');
        $("#mydiv").html('<div class="bar"><span></span></div>');
        $('#content').load(''+ page +'.php', null, function() {
    $("#mydiv").html('');
   });
    return false;
});

任何帮助或指导都会很棒:)

以下不起作用：

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

    setTimeout(function () { 

    $('#content').load('contact.php');


    $('#test a').click(function() {

    var page = $(this).attr('href');

        $("#mydiv").html('<div class="bar"><span></span></div>');
    $('#content').load(''+ page +'.php', null, function() {
    $("#mydiv").html('');
    });

    return false;

        }); 

    }, 2000);

});
</script>

Answer 1

<script>
    setTimeout(function () { 
        //Do it here
    }, 2000);
</script>

我不会让用户等待一分钟。将 2000 修改为您想要的任何时间。

祝你好运。

Answer 2

您可以在加载完成后调用 asetTimeout来隐藏加载器并显示内容：

setTimeout(hideLoaderShowContent, 1000); // 

function hideLoaderShowContent() {
    $("#loader").hide();
    $("#content").show();
}

编辑： 这是您所需要的：

var $mydiv = $("#mydiv");

$mydiv.html('<div class="bar"><span></span></div>');

$('#content').load(''+ page +'.php', null, function() {
    setTimeout(function() { $mydiv.html(''); }, 1000); // Note the setTimeout here waits 1 second (1000 ms)
});