Я пытаюсь удалить атрибут заголовка для ссылки на парение и затем добавить его назад на мыши. Я хотел бы передать 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);
});
Поместите "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);
});
$(".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 над вашей начальной функцией наведения, расширив область действия, чтобы охватить и то, и другое.