TagToTip () в jquery

Question

Мне нужно конвертировать веб-сайт, который использует TagToTip () из wz_tooltip.js.Я попытался найти реализацию этого метода, который использует jquery, но без удачи.

TagToTip () можно использовать так:

<span onmouseover="TagToTip('foo-id')">.....</span>
<span id="foo-id" style="display: none">This is the content of the tooltip. 
It can contain any HTML</span>

Кто-нибудь знает, как я могу это сделать сJQuery или JQuery-UI?

Answer 1

Привет, если вы ищете эквивалент JQuery ui, проверьте эту реализацию:

демо http://jsfiddle.net/5eKYt/: с различными подсказками. еще здесь: http://jsfiddle.net/8vC2k/

Вики-интерфейс для подсказок: http://wiki.jqueryui.com/w/page/12138112/Tooltip

несколько демо-репозиториев здесь: http://view.jqueryui.com/master/demos/tooltip/

Далее это будет хорошим чтением: Всплывающая подсказка JQuery Tools VS Подсказка пользовательского интерфейса JQuery

Если вы не ищете что-то подобное, дайте мне знать, удалит этот пост :)

 $(_this).unbind('mouseover').bind('mouseover mouseout', function(e) {
                    e.preventDefault();
                    if (e.type == "mouseover") {
                        timer = setTimeout(function() {
                            createToolTip(_this);
                        }, o.hoverDelay);
                    } else {
                        window.clearTimeout(timer);
                        removeToolTip();
                    }
                });
            });
        }
    });
})(jQuery);