jquery Hover pass Variable auf Callback-Funktion

Question

Ich versuche, ein Titelattribut für einen Link bei Hover zu entfernen und dann wieder auf Mouse-out. Ich würde gerne var HoverText an den Hover-Out übergeben ...

Hier ist der Code, den ich habe. Irgendwelche Ideen?

$(".icon a").hover(function() { 
    $this = $(this); 
    var hoverText = $.data(this, 'title', $this.attr('title'));        
    $(this).find("em").animate({opacity: "show", top: "-35"}, "slow"); 
    $(this).find("em").text(hoverText);  

    $this.removeAttr('title');  


}, function(hoverText) {    

    $(this).find("em").animate({opacity: "hide", top: "-45"}, "fast");  
    $(this).attr("title", hoverText); 

}); 

Answer 1

Setzen Sie "hoverText" als globale Variable.

var hoverText = ''; 
$(".icon a").hover(function() { 
    $this = $(this); 
    hoverText = $.data(this, 'title', $this.attr('title'));        
    $(this).find("em").animate({opacity: "show", top: "-35"}, "slow"); 
    $(this).find("em").text(hoverText);  

    $this.removeAttr('title');  


}, function() {    

    $(this).find("em").animate({opacity: "hide", top: "-45"}, "fast");  
    $(this).attr("title", hoverText); 

}); 

Answer 2

$(".icon a").hover(function() { 
    $this = $(this); 
    $.data(this, 'title', $this.attr('title'));        
    $(this).find("em").animate({opacity: "show", top: "-35"}, "slow"); 
    $(this).find("em").text(hoverText);  

    $this.removeAttr('title');  


}, function(hoverText) {    

    $(this).find("em").animate({opacity: "hide", top: "-45"}, "fast");  
    $(this).attr("title", $.data(this, 'title'); 

}); 

Der Trick ist:

$.data(this, 'title'); 

Wenn Sie Daten verwenden, sind Sie die Variable auf diesem dom Element für den ausdrücklichen Zweck effektiv speichern Sie gerade beschrieben habe. Sie könnten das Problem auch lösen, indem Sie die $ this-Variable über Ihrer anfänglichen Hover-Funktion deklarieren und den Bereich so erweitern, dass er beide abdeckt.