jquery: pasar variables en la función hover()?

Question

¿Puedo pasar una variable en hover()?

Como en el script a continuación, no deseo declarar la misma variable dos veces var target = xxx y no quiero hacer que esta variable sea global target = xxx bcos Tengo otra función usando este nombre de variable - destino.

$('.image-profile').hover(function() { 

     var target = $('.button-change-image-profile',this); 
     target.show(); 

    },function() { 

     //var target = $('.button-change-image-profile',this); 
     target.hide(); 

    }); 

así que traté de pasar el var como esto },function (target) {, por supuesto que es un error, pero cualquier otro método de pasar esta var?

gracias.

Answer 1

La versión corta es sólo para alternar aquí:

$('.image-profile').hover(function() { 
    $('.button-change-image-profile',this).toggle(); 
}); 

tenerlo disponible en cada controlador (como una solución más general) lo definen exterior cuando bucle (usando .each() por ejemplo), así:

$('.image-profile').each(function() { 
    var target = $('.button-change-image-profile',this); 
    $(this).hover(function() { 
     target.show(); 
    },function() { 
     target.hide(); 
    }); 
}); 

Answer 2

Simplemente defina la función var out of hover.

Answer 3

Creo que jQuery bind podría ser lo que usted desea.

Answer 4

Otro posible enfoque: para guardar datos en el this de la acción de desplazamiento dentro/fuera usando jQuery .data(). Lo guarda con el mouse, lo recupera con el mouse. Esto puede ser conceptualmente similar a usar un var global o un var a cabo la función de vuelo estacionario, por lo tanto, t puede crear un poco de basura ...

$('.image-profile').hover(function() { 

    var target = $('.button-change-image-profile',this); 
    target.show(); 

    // we save the target object into the 'target' key. 
    $(this).data('target',target); 

},function() { 

    // we retrieve the target object (a jQuery object) and then hide it. 
    $(this).data('target').hide(); 

}); 

Con suerte, este enfoque no es demasiado malo ...