exibir imagem durante determinado tempo

[halfar 5]

apos usuario clicar no botão, uma imagem de tempo é exibida para que os dados sejam carregados. Ocorre que a imagem apenas pisca na tela e some logo em seguida. Passei a tarde toda pesquisando e sei que é um simples detalhe.

fiz o codigo assim:

tenho a div onde será exibida a imagem:

<div id="imagem"></div>

no codigo jquery está assim:

primeiro modo: o usuário clica no botao chamado "nova_despesa" e a imagem é exibida, porem some muito rapidamente. Todavia estou reparando que o alert que coloquei no codigo não está aparecendo. Isto me diz que a função não está sendo executada.

$(document).ready(function(){

$("nova_despesa").click(function(){

alert("botao");

$("imagem").fadeToggle(30000);

});

}

no segundo modo, mais simples:

$(document).ready(function(){

$(“imagem”).show(23000);

}

tenho um arquivo js a parte, onde tem codigo ajax para carregar dados e é neste arquivo onde a imagem é informada.

O que realmente estou estranhando a principio é o alert não estar sendo exibido.

O resto da pagina funciona tudo ok

[wootzor 103]

JavaScript (e principalmente jQuery) funciona à base de selectores. Ou seja, normalmente define-se quais os objectos que se está a afectar por meio do atributo ID ou class. Assim, e assumindo que nova_despesa e imagem são IDs, troca $("nova_despesa") e $("imagem") por $("#nova_despesa") e $("#imagem").

Se forem classes CSS, troca por $(".nova_despesa") e $(".imagem").