Question

我一直试图让这个东西工作一段时间，我遇到了问题。在离线测试时，div的内容会逐渐淡出，然后新内容会从不同的HTML中淡入。现在，当它在互联网上播出时，内容逐渐淡出，然后相同的内容再次淡入，只有这样才会更新新内容。喜欢它的滞后或者其他东西，但我确定情况并非如此

以下是我用过的javascript代码：

$(function() {
    $("#one").click(function() {
        $("#content").fadeOut('slow', function(){
            $("#content").load('main.html').fadeIn('slow');
        });         
    });
});

Answer 1

将fadeIn代码移到负载callback内，如下所示

$(function() {
    $("#one").click(function() {
        $("#content").fadeOut('slow', function(){
            $("#content").load('main.html', function () {
                 $(this).fadeIn('slow');
            });
        });         
    });
});

可能发生的事情是，负载花费更多时间来获得main.html（因为n / w），但是你的fadeIn在此之前开始......所以在.fadeIn里面移动.load .load回调应该可以解决这个问题。

如果$("#content") .html('<b>Loading.. Please wait...</b>') .load('main.html', function () { $(this).fadeIn('slow'); });花费更多时间，也许您应该添加状态消息。尝试下面的内容..

{{1}}

淡出，然后用jquery淡化新内容

1 个答案: