Jump to content

Archived

This topic is now archived and is closed to further replies.

gabriel.anhaia

.hover não funciona

Recommended Posts

Olá, estou com um problema, a função a baixo não funciona e nem gera mensagens de erros no console

 

$('.remover_categoria').hover(function(){
alert('Teste');
});
ela está sendo chamada dentro de $(document).ready...
Tenho outras funções que estão dentro da mesma estrutura e funcionam normalmente.
Quanto ao Html está assim:
...
<input type="button" value="Terror" class="remover_categoria" id="categoria_1" onclick="removerCategoria(1,"Terror")">
<input type="button" value="Ação" class="remover_categoria" id="categoria_2" onclick="removerCategoria(2,"Ação")">
<input type="button" value="Ficção Ciêntifica" class="remover_categoria" id="categoria_3" onclick="removerCategoria(3,"Ficção Ciêntifica")">...

Share this post


Link to post
Share on other sites

Obs: Acho que achei o problema, só não a solução.

Os inputs que coloquei ai acima são gerados dinamicamente, assim eles não funcionam pois são criados sempre depois do carregamento de minha função .hover , se eu coloco o hover em outros elementos da pagina ele funciona.

Alguem teria alguma solução?

Share this post


Link to post
Share on other sites

Olá,

 

Quando adicionas elementos dinamicamente ao DOM (Document Object Model) para poder capturar eventos desses novos elementos tens que utilizar o ."on()".

 

Você tem que mudar a função para algo do genero:

 

$(document).on( 'hover', '.remover_categoria', function(){

Share this post


Link to post
Share on other sites

×

Important Information

Ao usar o fórum, você concorda com nossos Terms of Use.