.hover não funciona

[gabriel.anhaia 1]

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")">...

[gabriel.anhaia 1]

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?

[Alex Hiroshi 7]

Olá,

 

Use o método .on() nesses casos.

[sousatg 9]

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(){