Добрый день.
Мне нужно вывести подсказки с разным текстом к нескольким элементам.
Как мне их вывести не дублируя скрипт отдельно для каждой подсказки?
Пыталась своими силами, но безуспешно (
Вот сама подсказка.
$('.support-failed').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,
},
});
Была на сайте автора данного плагина в тутореале вроде бы нашла
решение, пункт Shared Options.
Сделала все как по примеру, но не работает.
Кому не сложно посмотрите пожалуйста код и тыкните где ошибка.
Я до конца не уверена но вроде сделала все правильно, на ум приходит только то что автор в примере ошибся.
В JQuery только начала разбираться, во общем прошу помощи, где что подправить.
Повторюсь, нужны подсказки с разным содержанием для нескольких элементов без дублирования скрипта.
Это исправленный код подсказки по примеру.
$(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>
З.Ы. Вариант с title не предлагать, переходить на другой плагин не предлагать, использовать расширение не предлагать. Нужно использовать именно этот плагин вручную.
Версия qTip 2
Заранее огромное спасибо!