jQuery qTip: Как присоединить единственное отделение подсказки к нескольким целевым отделениям?
Нормальное поведение для плагина jQuery qTip состоит в том, чтобы создать новое скрытое отделение для каждого присвоенного объекта подсказки. Существует ли способ связать единственный скрытый элемент подсказки с несколькими целями, постараться не создавать помехи DOM?
Изобретенный пример:
Если qTip не может сделать это, кто-либо может рекомендовать другой основанный на jQuery плагин подсказки, который поддерживает богатый HTML только с помощью единственного контейнера подсказки?Спасибо!
3 ответа
Я предложу свои компоненты CommonsWare Android (CWAC).
-121--1055289-Можно создавать поля qTip динамически.
Html:
<a id="some-link" href="#">Show a qTip</a>
<div id="hidden-element" style="display:none"></div>
Javascript:
$('#some-link').click(function() {
$('#hidden-element').qtip({
content: {
text: '<div>Insert content here</div>',
prerender: true //as of beta3, this option is false by default
},
// etc, etc
});
qtip = jQuery('#hidden-element').qtip('api');
qtip.show();
return false;
});
См. http://craigsworks.com/projects/qtip/docs/api для получения подробной информации о qTip API
EDIT: 22 июня 2011 (justgrumpy) - Начиная с beta3, qtip не является предварительным по умолчанию . Параметр "" prerender "" должен иметь значение "" true "" в параметре содержимого, чтобы qtip отображался динамически.
Я поклонник jQuery Tools Tooltip . Она позволяет определить свою собственную структуру всплывающих подсказок в HTML, и вы можете применить эту всплывающую подсказку к любому количеству элементов.
Вместо того, чтобы делать списки элементов, разделенных запятыми, используйте селектор классов. Вот пример:
$('.selectorClass').qTip({arguments:here});
Я не тестировал, но он должен работать нормально.