Существует ли плагин всплывающей подсказки JQuery, который поддерживает HTML-контент и автоматически позиционирует всплывающие подсказки?

Question

Я ищу плагин / библиотеку всплывающих подсказок для JQuery. Он должен иметь возможность автоматически позиционировать всплывающие подсказки, например TipTip, а также поддерживать HTML-контент для подсказок.

TipTip выполняет оба условия, но:

Добавлена ​​поддержка HTML с Tip Tip. Теперь вы можете добавить HTML в атрибут Title (хотя это не рекомендуется, если вы хотите строго допустимый код).

Answer 1

Я не хотел оставлять плагин jquery native и связываться с дополнительными библиотеками, поэтому я нашел довольно простое решение:

$('.tooltips').tooltip({
        content: function(){
            return $(this).attr('title');
        }
    })

Таким образом, ваш атрибут title с HTML может быть успешно использован.

Answer 2

Я верю, что это делает. Например, эта демонстрация показывает изображение. Вы могли бы легко иметь bodyHandler который извлекает HTML из атрибута элемента. Например

<a href="whatever" data-tooltip="This is a <strong>marked up</strong> tooltip">foo</a>

Это совершенно правильный HTML, а bodyHandler будет выглядеть примерно так

return this.attr("data-tooltip"));

Answer 3

Мне очень нравится TipTip. Использование поля "title" неудобно, но вам не нужно этого делать:

content: string (по умолчанию false) - HTML или String для использования в качестве содержимого для подсказки. Перезапишет содержимое из любого атрибута HTML.

(через http://code.drewwilson.com/entry/tiptip-jquery-plugin)

Answer 4

Этот виджет всплывающей подсказки, включенный в библиотеку пользовательского интерфейса jQuery, поддерживает различные автоматические позиции и HTML в атрибуте title: http://api.jqueryui.com/tooltip/