Вход

Просмотр полной версии : Плагин qTip, поправка


modestes
19.04.2012, 17:11
Добрый день.

Сразу код:)
$('.support-failed lable').qtip({
content: {
text: 'Новые заявки',
},
style: {
classes: 'ui-tooltip-youtube ui-tooltip-green ui-tooltip-shadow ui-tooltip-rounded ',

},
position: {
my: 'center right',
at: 'center left',
adjust: {
x: -44,
target: $(document),
resize: true,
}
},

show: {
delay:700,
},
});
Задача следующая:
Добавить РАЗНЫЕ подсказки для нескольких элементов, их много, соответственно отдельно для каждой подсказки писать скрипт не вариант.
Что нужно добавить в скрипт чтобы не писать его по новой для каждой подсказки?
Повторюсь, подсказки разные для всех элементов!

Понимаю что можно такое сделать, но в JS разбираюсь пока плохо, на оф сайте плагина тоже был, не могу понять как это делается.
Подскажите пожалуйста :)
Версия qtip2

antonM
19.04.2012, 18:09
Попробуйте по этой инструкции (http://craigsworks.com/projects/qtip2/demos/#shared).
Добавьте к нужным ссылкам атрибут с подсказкой и считывайте его при наведении.

modestes
19.04.2012, 21:37
не, title мне не подходит, я буду вписывать текст подсказки непосредственно в скрипте, в content:'Текст.......'
и плюс добавлять ссылки и изображение с видео. Так что это не то.

нарыл вот такое решение, но что-то не пашет.
кому не сложно проверьте код пожалуйста.

$(document).ready(function(){
var shared = {
position: {
my: 'top left',
at: 'bottom right',
},
show: 'click',
hide: 'click',
style {
tip: true
}
});

$('.st1').qtip( $.extend({}, shared, {
content: 'Текст первой подсказки',
style: {
classes: 'ui-tooltip-red'
}
}));


$('.st2').qtip( $.extend({}, shared, {
content: 'Текст второй подсказки',
style: {
classes: 'ui-tooltip-dark'
}
}));


<span class="st1">Один Элемент</span><br><br>
<span class="st2">Второй Элемент</span>