隱藏相同的div並在加載時顯示

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

第一，每#點擊你要隱藏的股利作爲第一項聲明，然後清除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(); 
    } 
});