Плагин 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, время: 08:02. |