Передача переменной jquery в функцию обратного вызова

Question

Я пытаюсь удалить атрибут заголовка для ссылки при наведении курсора, а затем добавить его обратно при наведении мыши. Я хотел бы передать var hoverText на всплывающее окно ...

Вот код, который у меня есть. Есть идеи?

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

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

});

Хитрость:

$.data(this, 'title');

Когда вы используете данные, вы фактически сохраняете переменную в этом элементе dom для целей, которые вы только что описали. Вы также можете решить эту проблему, объявив переменную $ this над исходной функцией наведения, расширив область действия, чтобы охватить оба.

Answer 2

Поместите "hoverText" в качестве глобальной переменной.

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

});