Ver Mensaje Individual
  #3 (permalink)  
Antiguo 26/03/2016, 20:35
Avatar de eduardobrutaldeath
eduardobrutaldeath
 
Fecha de Ingreso: agosto-2013
Ubicación: América
Mensajes: 306
Antigüedad: 11 años, 4 meses
Puntos: 3
Respuesta: Anular efecto Hover al hacer click en un botón

Cita:
Iniciado por Alexis88 Ver Mensaje
Utiliza una variable con valor que cambie cada vez que des un clic en el botón, de tal forma que puedas utilizarla en una condición dentro de la función manejadora del método .hover(). Por ejemplo, si el valor de la variable es igual a 1, dejas que se aplique el efecto; caso contrario, lo ignoras.

Un saludo
Hola.
No funciona.
Ayer intenté algo parecido, sólo que no lo mostré porque era muy largo. Mira, aquí un ejemplo breve :

Código Javascript:
Ver original
  1. var c = "click" ;
  2.  
  3. $( 'div' ).click( function (  ) {
  4.  
  5.   $( this ).toggleClass( 'click' ) ;
  6.  
  7.   if ( $( this ).attr( 'class' ) !== c ) {
  8.  
  9.     $( this ).hover( function (  ) {
  10.  
  11.       $( this ).css( 'color', 'blue' ) ;
  12.  
  13.     }, function (  ) {
  14.  
  15.       $( this ).css( 'color', 'red' ) ;
  16.  
  17.     } ) ;
  18.  
  19.   } else {
  20.  
  21.     $( this ).css( {
  22.  
  23.       color : '#fff',
  24.       background : '#000'
  25.  
  26.     } ) ;
  27.  
  28.   }
  29.  
  30. } ) ;
Cuando hago click, al div se le asigna la clase CLICK, y su estilo pasa a ser, fondo negro y letras blancas. Cuando vuelvo a hacer click, se elimina la clase del elemento y se ejecuta el hover ;es decir, cuando entro las letras son azules y cuando salgo rojas.. Todo bien hasta ahí, pero cuando vuelvo a hacer click y saco el cursor del elemento, el hover se sigue ejecutando. O sea se queda el div negro con letras blancas, pero al salir de él el texto cambia a rojo y al entrar a azul. ¿Entiendes? El hover no muere! U_U