Nao consigo usar o clique após recarregar (jQuery)

[Bernardo Vieira]

olá, desculpem-me se estiver errado mas penso que a area para jQuery é esta

bom, o meu problema é o seguinte! eu tenho umas imagens e quero que quando eu clique numa elas troquem de posicoes (até aqui tudo certo) entao, eu tenho um menu, ao clicar na primeira opcao esta nas imagens, quando clico na segunda opcao apaga as imagens e mostra texto (tudo correto) porém, quando eu volto a clicar sobre a primeira opcao do menu, as imagens aparecem mas nao posso selecioná-las...alguém me sabe dizer porque?

o codigo é bem básico

esse esconde as imagens e mostra o text

$("#menucentro").children().remove();
$("#menucentro").html("<p>Nome:</p>");

e esse faz o contrario

$("#menucentro").children().remove();
$("#menucentro").html("<img src='gtagirl.png' class='gtagirle' /><img src='gtagirl.png' class='gtagirlc' /><img src='gtagirl.png' class='gtagirld' />");

eu sei que nem precisava disso "$("#menucentro").children().remove();" porque o .html por si só já subestitui, mas achei que devia usar!

obrigado desde já

Edited May 4, 2013 at 01:01 PM by Bernardo Vieira

[Paulo Cabral]

envés de usares o remove usa o .show() e o .hide(); para ocultares e mostres as imagens ...

[Bernardo Vieira]

sim, eu pensei nisso, mas imagina que eu quero que ao iniciar a pagina carregue o texto e so depois ao selecionar a segunda opcao do menu é que vejo as imagens! entao para isso primeiro tenho de carregar as imagens, ocultar e so depois é que mostro e volto a ocultar se quiser. eu achei melhor trocar isso! sei la. ideia minha

[Paulo Cabral]

sim, eu pensei nisso, mas imagina que eu quero que ao iniciar a pagina carregue o texto e so depois ao selecionar a segunda opcao do menu é que vejo as imagens! entao para isso primeiro tenho de carregar as imagens, ocultar e so depois é que mostro e volto a ocultar se quiser. eu achei melhor trocar isso! sei la. ideia minha

qual o problema de carregares as imagens e ocultares? Não percebi muito bem, podes explicar melhor?

[Bernardo Vieira]

nao tem problema nenhum deixa pra lá, eu queria saber mesmo é porque é que isso nao funcionava! queria fazer assim, mas como nao dá vai de outra forma!

[brunoais]

Os eventos estão associados a nodes no DOM. Se removes o Node, então removes tb o evento.

[malleus]

Como o brunoais já te disse a partir do momento que removes elementos(nodos) os seus eventos também se perdem.

Se compreendo bem o teu caso, e para não alterar qualquer tipo de estrutura tens duas hipóteses:

1) Eventos LIVE

$('#menucentro img').live('click', function() {
  // ...
});

2) ON/OFF

$('#menucentro').on('click', 'img', function() {
  // ...
});

A idéia de ambos é similar, deixar os eventos click "borbulhar" para cima na estrutura do DOM. A segunda opção é muitm mais eficiente e a primeira está em vias de deixar de ser suportada.