Нужна помощь при создание всплывающей подсказки на jquery

Рейтинг: 0Ответов: 1Опубликовано: 10.05.2011

Всем привет, написал небольшой код для всплывающей подсказки

$(function(){
            var links = $('a[title]');
            links.hover(
            function(){
                var current = $(this);
                var tooltipText = current.attr('title');
                $('div class="tooltip"/div').hide().appendTo(current).text(tooltipText)
.fadeIn(500);
            },function(){
                $('div.tooltip').fadeOut(500, function(){
                    $(this).remove();
                });
            });
        });

Возникла одна проблема аттрибут title никуда не делся и браузер отображает дефолтную подсказку тоже при наведении на ссылку. Как можно передавать содержимое переменной tooltipText второй функции, чтобы можно было создать аттрибут title опять? И установить его с помощью attr('title',tooltipText )

Хтмл код самый простой - просто ссылка с аттрибутом title, таких ссылок на странице будет много.

javascript jquery
Источник: Stack Overflow на русском

Ответы

▲ 2Принят
$(function(){
    var links = $('a[title]');
    links.hover(function(){
        var current = $(this);
        var tooltipText = current.attr('title');
        $('<div class="tooltip"></div>').hide().appendTo(current).text(tooltipText).fadeIn(500);
        current.removeAttr('title');
    }, function(){
        $('.tooltip', this).fadeOut(500, function(){
            $(this.parentNode).attr('title', this.innerHTML);
            $(this).remove();
        });
    });
});

Так сойдет? Хотя и тут я бы некоторые моменты переписал на чистом js...