jQuery - Usar .one() con el control deslizante

Question

¿Hay alguna forma de que la función de desplazamiento solo se ejecute una vez? Esto es lo que estoy intentando actualmente:

$('#ask').live('hover', function() { 

    $('#homesearch-after').hide(300); 

    $.doTimeout(300, function() { 
     hideClosedSearchLink(); 
     showHomeSearch(); 
    }); 

}); 

Pero eso no está funcionando. ¿Cómo solo puedo activar este vuelo estacionario para activarlo una vez?

He intentado cambiar .live con .one y .bind ... resultando en nada.

Answer 1

Ya se ha respondido a sí mismo, use .one() (no .live()).

Pero como lasseespeholt acaba de señalar en un comentario, .hover() es la abreviatura de unión a mouseenter y mouseleave, y no es un acontecimiento en sí mismo.

Prueba esto:

$('#ask').one('mouseenter', function() { 

    $('#homesearch-after').hide(300); 

    $.doTimeout(300, function() { 
     hideClosedSearchLink(); 
     showHomeSearch(); 
    }); 

}); 

Si aún así no funciona, intente usar sólo el buen ol' .hover() y luego .unbind() ing inmediatamente después de que haya terminado.

$('#ask').hover(function() { 

    $('#homesearch-after').hide(300); 

    $.doTimeout(300, function() { 
     hideClosedSearchLink(); 
     showHomeSearch(); 
    }); 

    // Again taking into account what lasseespeholt said 
    $(this).unbind('mouseenter mouseleave') 

}); 

Answer 2

hover no es un pero un método abreviado verdadero event que se une controladores para dos eventos, mouseenter y mouseleave, y como tal no funciona con .one (como se muestra here). Para replicar el comportamiento de hover que tendría que tener dos se une que a la vez se activa una sola vez, así:

$("#foo").one("mouseenter mouseleave", function(e){ 
    $(this).toggleClass("bar"); 
}); 

Lo anterior sería el mismo que el siguiente, con la excepción de que se dispara una sola vez :

$("#foo").hover(function(){ 
    $(this).toggleClass("bar"); 
}); 

Si quieres hacer cosas diferentes en mouseenter y mouseleave, es necesario unir manejadores diferentes:

$("#foo").one("mouseenter", function(e){ 
    $(this).addClass("bar").text("Over"); 
}).one("mouseleave", function(e){ 
    $(this).removeClass("bar").text("Out"); 
}); 

W sombrero puedo leer a partir del código es que sólo se busca para unirse al evento mouseenter, así:

$('#ask').one('mouseenter', function() { 
    $('#homesearch-after').hide(300); 
    $.doTimeout(300, function() { 
     hideClosedSearchLink(); 
     showHomeSearch(); 
    }); 
});