F�rum Como habilitar e desabilitar hover no JQUERY #575069

18/02/2017

Ola pessoal,

Sou iniciante no mundo da programa��o e estou quebrando a cabe�a.

Estou tentando fazer um evento hover que dependendo da condi��o ele deve ser desabilitado. Isso deve acontecer, porque tenho tr�s bot�es. O primeiro quando tenho saldo suficiente no estoque, o segundo quando o saldo do estoque � insuficiente e o terceiro para o hover. Quando o saldo for suficiente quero que o hover esteja habilitado, quando n�o for suficiente o hover deve ser desabilitado. Consegui fazer o c�digo quando ele deve ser habilitado, mas n�o consegui desabilitar.

Se algu�m sabe como fazer, por favor me ajude.

if (iQtdAtual - 1 != 0) {
       
        $(document).ready(function() {
 
            $("#btnDiminuiQtd").mouseover(function () {
                $(this).attr("src", "images/btn_diminui_qtd_hover.png");
            });      
            $("#btnDiminuiQtd").mouseout(function () {
                $(this).attr("src", "images/btn_diminui_qtd.png");
            });      
 
        }); }

Agradecido!

Fernando Anjos

Curtir t�pico

+ 0

Responder

Post mais votado

20/02/2017

Ol�, Fernando. Nesse caso, creio que se trata apenas de quest�o de l�gica. Voc� precisa apenas ajustar a forma como seu c�digo est� escrito. Por exemplo:

$(function(){
	$("#btnDiminuiQtd").mouseover(function () {
		if (iQtdAtual - 1 != 0) 
			$(this).attr("src", "images/btn_diminui_qtd_hover.png");		
		else
			$(this).attr("src", "images/btn_diminui_qtd.png");			
	}
});

Abra�o.

Joel Rodrigues

Responder

Gostei + 1

Mais Posts

20/02/2017

Fernando Anjos

Obrigado pela ajuda.

A l�gica funcionou, mas percebi que passei meu exemplo com o evento errado, preciso que funcione com o .hover().

Responder

Gostei + 0

21/02/2017

Joel Rodrigues

Opa, Fernando. Vai funcionar de forma semelhante, sendo que o hover recebe duas fun��es, nas quais voc� vai fazer o equivalente ao mouseover e mouseout:

$("#btnDiminuiQtd").hover(
  function(){
    //over
  },
  function(){
    //out
  },
);

Responder

Gostei + 1