Olá. Tenho esse código em JQuery:
$('#prods').fadeOut(300, function(event){
chamaM(id_m);
});
$('#prods').fadeIn(300);
ChamaM()
é uma função AJAX que faz uma chamada ao código PHP, exibindo o conteúdo dentro da div #prods
.
Está tudo funcionando, mas o que está acontecendo é que quando o fadeout se completa o conteúdo anterior continuá lá, assim, o fadeout()
e fadein()
acontecem no conteúdo atual e só depois ele carrega o novo conteúdo. No ambiente de teste(XAMPP) tudo funciona perfeitamente, mas no servidor do site acontece esse erro.
O endereço, para que vcs possam visualizar é: www.lumiledbrasil.com.br/produtos.php
Já tentei algumas variações de funções e ordem das mesmas, mas sem sucesso. Alguém pode me ajudar? Achei que só esse código era necessário. Se precisarem de mais informações, é só avisar. Agradeço imensamente a todos!
$('#prods').fadeIn(300);
tem que fazer parte da função logo após o AJAX ou até mesmo dentro do próprio AJAX como return.