Question

我看到很多关于此的帖子，但我正在寻找更具体的内容。

当我应用此代码时，@ localhost可以100％工作，但是当我从主机测试它时，它会以相同的速度闪烁，但会一直显示前一个div内容，同时需要1秒才能更改其内容。

这就是我所说的问题：

修改：抱歉，链接不可用。

这是我用过的代码：

$(document).ready(function(){
$('#inicio').children().addClass('selected');

$('#inicio').on('click', function(){
    $('nav ul a').find('.selected').each( function(){
        $(this).removeClass('selected');
    });
    $('article').load('inicio.html').hide().fadeIn();
    $(this).children().addClass('selected');
});

$('#consultar_pedido').on('click', function(){
    $('nav ul a').find('.selected').each( function(){
        $(this).removeClass('selected');
    });
    $('article').load('consultapedidos.php').hide().fadeIn();
    $(this).children().addClass('selected');
});
$('#acerca_de').on('click', function(){
    $('nav ul a').find('.selected').each( function(){
        $(this).removeClass('selected');
    });
    $('article').load('acerca.html').hide().fadeIn();
    $(this).children().addClass('selected');
});
$('#contactarse').on('click', function(){
    $('nav ul a').find('.selected').each( function(){
        $(this).removeClass('selected');
    });
$('article').load('contacto.html').hide().fadeIn();
    $(this).children().addClass('selected');
});
});

Answer 1

您可以在完成加载之前添加课程。尝试使用load（）的回调，看看它是否解决了问题。像这样：

$('#acerca_de').on('click', function(){
    var that = this;
    $('article').hide();
    $('nav ul a').find('.selected').each( function(){
        $(this).removeClass('selected');
    });
    $('article').load('acerca.html', function(){
       $(that).children().addClass('selected');
       $(this).fadeIn();
    });
});

Answer 2

首先，在每#次点击时，您必须将Div隐藏为第一个语句，然后清除Class个样式

$('#contactarse').on('click', function() 
{
    $('article').hide(); // Hide it First....
    $('nav ul a').find('.selected').each( function()
    {
        $(this).removeClass('selected');
    });
    $(this).children().addClass('selected');
    $('article').load('contacto.html', function() 
    {
        $(this).fadeIn();
    }
});

隐藏相同的div并在加载时显示它

2 个答案: