Описание тега tippyjs

Настраиваемая ванильная библиотека всплывающих подсказок / всплывающих подсказок JS, работающая на Popper.js.
0 ответов

Взаимодействие с текстом в Django для цикла

Я работаю над проектом Django, где я хочу вывести текстовый файл и применить определенные операции, такие как выделение текста. Моя идея состояла в том, чтобы реализовать его таким образом, чтобы можно было щелкнуть каждое слово, чтобы появилось всп…
03 янв '19 в 07:28
3 ответа

Javascript: Tippy.js не работает для динамического контента

У меня есть следующий совет, где при наведении Ajax-вызов идет и получает данные, создает содержимое и показывает его. Но это не работает для динамического контента, потому что при загрузке страницы <span class="more-tags otherPostTags" data-post…
18 сен '18 в 08:16
2 ответа

Реагируйте Типпи - Используя метод setIsOpen()

Я использую React Tippy - компонент React, основанный на Tippy.js. Я хочу использовать документированный метод setIsOpen - но он не работает. TypeError: setIsOpen is not a function. Не могу найти какую-либо документацию или вопросы, связанные с этим…
27 фев '18 в 11:40
0 ответов

Как заставить tippyjs работать как поле ошибки проверки

Я хотел сделать tippyjs для отображения error message и скрыть их программно Проблема, с которой я столкнулся сейчас: hover это showing а также hiding Я хочу скрыть это программно Вопрос: как отобразить error сообщение Демонстрация: https://codepen.…
18 дек '18 в 09:29
1 ответ

Изменить тему всплывающей подсказки Tippy JS, используя JavaScript

У моей страницы темная и светлая тема. Я хочу переключаться между темами всплывающих подсказок при переключении цветовых тем. Я создаю 2 быстрые темы, одна называется темная, а другая светлая. Я попытался изменить атрибут HTML и класс всплывающей по…
24 фев '19 в 22:24
1 ответ

Доступ к атрибуту данных при создании нескольких подсказок с помощью tippyjs

Я создаю несколько динамических всплывающих подсказок, используя библиотеку tippyjs на странице, которая извлекает контент с использованием API выборки. Как получить доступ к атрибуту данных на каждом из селектора во время инициализации всплывающей …
24 янв '18 в 12:04
1 ответ

Типипи размер слишком большой после прокрутки

Что я сейчас делаю: У меня есть график с переменным количеством узлов. от 10 до макс. 30 узлов (давайте назовем это n) Макет, который я использую, является макетом dagre (не то, чтобы это имеет значение) и, в зависимости от данных, между 1 и n типа…
21 ноя '18 в 08:03
1 ответ

Привязывать события к элементам внутри всплывающей подсказки HTML TippyJS

Я использую TippyJS, чтобы показать подсказки HTML. У меня есть некоторый интерактивный контент внутри подсказки, поэтому я хотел бы связать события с этими элементами. Поскольку содержимое всплывающей подсказки генерируется Tippy динамически, станд…
23 авг '18 в 15:18
0 ответов

Использование Tippy.js внутри компонента Angular

Я пытаюсь привязать всплывающие подсказки к некоторым элементам DOM в моем компоненте, используя Tippy.js. Ниже мой пример голых костей test.component.ts поскольку я не могу заставить это даже обнаружиться. import ... import { ViewChild, ElementRef …
05 ноя '18 в 18:25
0 ответов

Импорт библиотек в файлах SVG

В настоящее время я работаю над небольшим личным проектом, в котором я хотел бы иметь возможность навести курсор на элементы SVG на веб-странице и получить всплывающую подсказку с информацией. В настоящее время у меня есть файл HTML, который отображ…
11 июн '18 в 00:49
1 ответ

Как отобразить всплывающую подсказку при вводе мыши и скрыть ее при помощи Tippy.js

Я использую Tippy.js. Я хотел бы показать всплывающую подсказку на указателе мыши, но скрыть ее при нажатии. Это вызывает всплывающую подсказку, когда вы нажимаете на элемент с .tippy и остается открытым, пока вы не нажмете. tippy('.tippy', { trigge…
21 июл '17 в 20:26
1 ответ

Почему указатель курсора tippyjs и щелчок не работают должным образом

Я использую tippyjs https://atomiks.github.io/tippyjs/ плагин для всплывающей подсказки для списка пользователей Проблема: click не работает для выше (изображение) list item, за styling я должен получить refrence и делать styling(сложно, смотри onSh…
25 ноя '18 в 05:47
1 ответ

Включить поле ввода в подсказку Tippy

Я просто использую возможность Tippy, чтобы поле ввода было включено во всплывающую подсказку. Все работает нормально, за исключением того, что в поле ввода ничего нельзя записать. Возможно ли это сделать? Как? Вот мой код: <!DOCTYPE html> &lt…
27 окт '18 в 21:49
0 ответов

tippy.js: новая подсказка иногда пересекается со старой

Подобные вопросы уже задавались, но я пока не нашел ответа. Я попробовал несколько подсказок, и у меня было несколько проблем. Я все еще новичок в этом Javascript/css/html, Попытка tippy.js на данный момент и найти это легко реализовать простую подс…
06 фев '18 в 12:27
1 ответ

Как получить всплывающие подсказки с разными цветами?

Я использую Tippy.js для всплывающих подсказок. У меня есть несколько групп иконок с их подсказками. Хорошо. Проблема: каждая группа должна отображать всплывающие подсказки разных цветов в зависимости от класса контейнера группы значков. Но всплываю…
22 янв '18 в 15:56
1 ответ

Как поймать событие шаблона tippy js

Я использую tippy.js с HTML-шаблоном. Мой код как: self._tippy = Tippy('.test', { html: '#test_id', .... .... onShow(){...} ... }) В HTML-шаблон я выбрал тег с событием onclick как: <select id="language-list" onchange="changeLanguage()"></s…
17 май '18 в 08:34
1 ответ

Не могу добавить Типпи для кнопки в реагировать JS

Я импортировал указанные ниже пакеты и попытался сослаться на приведенную ниже ссылку, в которой я не понимал, где разместить код tippy. Пожалуйста, помогите мне. https://atomiks.github.io/tippyjs/html-content import React from 'react'; import React…
07 янв '19 в 11:13
1 ответ

Как импортировать tippy.js в html-страницу с помощью webpack 4?

На странице git hub tippy.js я установил его с помощью npm: npm i tippy.js Теперь у меня есть исходный файл.js, который используется для веб-страницы 4 html, которая выводит информацию в мою папку./dist, но я не знаю, как ее импортировать; Мой друго…
28 сен '18 в 02:28
2 ответа

Как использовать Tippy в теневом DOM с CSS-областью?

Я хочу использовать Tippy.js в моем теневом DOM. Так как сценарии могут получить доступ к моей теневой DOM, а стили - нет, я попытался вставить CSS Tippy в теневой DOM и связать JS Popper и Tippy снаружи. Вот демонстрация того, что это не работает. …
09 фев '19 в 22:16
2 ответа

Javascript: уничтожить экземпляр tippy.js

У меня есть следующий код, который показывает всплывающую подсказку, содержащую динамические данные. Работает нормально, но показывает одинаковую подсказку для всех. я использовал tip._tippy.destroy(); немного не сработало. <div id="template" sty…
18 сен '18 в 19:04