Плагин qTip, поправка
Добрый день.
Сразу код:)
$('.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 |
Попробуйте по этой инструкции.
Добавьте к нужным ссылкам атрибут с подсказкой и считывайте его при наведении. |
не, 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> |
| Часовой пояс GMT +3, время: 09:16. |