Mesma função para classes diferentes

[Guga01 0]

Olá pessoal!

 

Estou com um problema em jquery e gostaria da ajuda de vocês para solucioná-lo. Tenho o seguinte código:

 

 

$('.areaBotaoDesativado, .areaUltimoBotaoDesativado').live('mouseover', function() {
	$(this).css('cursor', 'pointer');
	$(this).css('background', '#FFF');
}).live('mouseout', function() {
	$(this).css('background', '#F5F5F5');
}).find('img').live('click', function() {
	var botao = $(this).attr('src');
	alert('botao: ' + botao);
	var funcao = $(this).attr('id');

	alert('funcao: ' + funcao);
	...
});

 

Quando deixo apenas a classe "areaBotaoDesativado" no código, a variável função recebe o valor correto. Mas quando incluo a classe "areaUltimoBotaoDesativado", como está no exemplo, a variável função fica com valor indefinido,funcionando apenas quando clico no botão que tem a classe "areaUltimoBotaoDesativado".

 

A função para mouseover e mouseout funciona em todos os botões. Por que será que a função de click está se perdendo? Obrigado.

[Vadio 13]

provavelmente por causa do find('img') antes da função live.

 

procure utilizar o live dessa forma para ficar mais organizado

 

<script>
$("p").live({
 click: function() {
   alert(this);
 },
 mouseover: function() {
   $(this).addClass("over");
 },
 mouseout: function() {
   $(this).removeClass("over");
 }
});
</script>