jquery hover przekazać zmienną do funkcji wywołania zwrotnego

Question

Próbuję usunąć atrybut title dla linku po najechaniu kursorem, a następnie dodać go z powrotem na myszy. Chciałbym przekazać var ​​hoverText do aktywacji ...

Oto kod, który mam. Jakieś pomysły?

$(".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

Umieść "hoverText" jako zmienną globalną.

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'); 

}); 

Sztuką jest:

$.data(this, 'title'); 

Podczas korzystania z danych, jesteś skutecznie przechowywania zmienną na tym elemencie Dom na wyraźnym celu właśnie opisanego. Możesz także rozwiązać problem, deklarując wartość zmiennej $ this nad początkową funkcją kursora, rozszerzając zakres, aby objąć oba.