Блог

Главная - Вопросы по программированию - Всплывающая подсказка Tooltipster не открывается при нажатии триггера

Всплывающая подсказка Tooltipster не открывается при нажатии триггера

#php #wordpress #tooltipster

#php #wordpress #tooltipster

Вопрос:

Всплывающая подсказка Tooltipster не открывается при нажатии на элемент span

Пожалуйста, посмотрите код ниже того, который я пробовал.

Html-код

 <ul>
<li>Item 1<span class="tooltipp" data-tooltip-content="#tooltip_content_1">tooltip</span>
</li>
<li>Item 1<span class="tooltipp" data-tooltip-content="#tooltip_content_2">tooltip</span>
</li>
</ul>

<div class="tooltip_templates" style="display:none;">
<span id="tooltip_content_1">Tooltip 1</span>
<span id="tooltip_content_2">Tooltip 2</span>
</div>

JS-код

 jQuery('.tooltipp').tooltipster({
    theme: 'tooltipster-shadow',
    contentCloning: true,
    trigger: 'click',
});

После создания codepen для того же, всплывающая подсказка появляется там, но не содержимое. Содержимое есть undefined .

Codepen: https://codepen.io/himani3010/pen/gyRyzj

Комментарии:

1. Предполагая, что вы загрузили jQuery и включили файлы CSS и JavaScript Tooltipster на свою страницу …, здесь не должно быть запятой: trigger: 'click', , это должно быть trigger: 'click'

2. Смотрите это codepen.io/Moneypenny/pen/wFBrk

3. Удаление ‘,’ не устранило проблему

4. Создали codepen: codepen.io/himani3010/pen/gyRyzj Всплывающая подсказка появляется, но содержимое не определено