Jquery Ajax carregando imagem enquanto obtém os dados
Estou usando uma função Jquery Ajax para buscar os dados do banco de dados, no evento clic
Esta função funciona bem e exibe os dados. Mas leva tempo para carregar os dados, então quero colocar uma imagem de carregamento enquanto os dados são buscados. Eu usei esse método para fazer
<script type="text/javascript">
jQuery(function($) {
$(document).ready(function() {
$("#imgs").hide();
$(".letter").bind('click', function(){
$("#imgs").fadeIn();
var val = $(".letter").val;
var site = '<?php echo site_url(); ?>';
$.ajax({
url: site+'/wp-content/themes/premiumnews/newContent.php?letter='+$(this).html(),
success:function(data){
$("#imgs").hide();
$("#content1").html(data);
}
});
});
});
});
</script>
Quando clico no botão, a imagem carregada aparece, mas após o sucesso a imagem deve desaparecer, no meu caso, ela ainda permanece lá
O meu código está errado? ou eu usei um método errado?