Есть ссылка <a href="#" onclick="myFunction(); return false" data-bs-toggle="tooltip" data-bs-original-title="title">icon</a> Если на

Question

Есть ссылка <a href="#" onclick="myFunction(); return false" data-bs-toggle="tooltip" data-bs-original-title="title">icon</a> Если на

нее кликнуть, то tooltip не исчезает, как лучше всего пофиксить? Важно при этом оставить залипание tooltip при перемещении ссылки, т.е. если на ссылку нажали, переместили курсор вне ссылки и тогда отпустили
Потестить можете тут https://tabler.io/demo/index.html там в верхней панели навигации есть ссылка смены черной/светлой темы в виде иконки, через F12 добавляете к ссылке onlick="return false" и можете наблюдать такое же поведение

#frontend #programming #russian

0

24.07.2023

7 ответов

21 просмотр

Виталий Автор вопроса

Andrew
Onlick 😂😂 А что конкретно делает return false?)

Выключает переход по якорю

0

24.07.2023

Andrew

Виталий
Выключает переход по якорю

Это где то в документации описано или нет?

0

24.07.2023

Виталий Автор вопроса

Щас заметил, через F12 видно, что ссылка почему-то сохраняет модификатор hover после нажатия

0

24.07.2023

Виталий Автор вопроса

Оказалось все просто, нужно добавить data-bs-trigger="hover" (по умолчанию оно hover + focus), я делал то же самое через модификацию этого кода из node_modules/@tabler/core/src/js/src/tooltip.js: let tooltipTriggerList = [].slice.call(document.querySelectorAll('[data-bs-toggle="tooltip"]')); tooltipTriggerList.map(function (tooltipTriggerEl) { let options = { delay: {show: 50, hide: 50}, html: tooltipTriggerEl.getAttribute("data-bs-html") === "true" ?? false, placement: tooltipTriggerEl.getAttribute('data-bs-placement') ?? 'auto', // Это добавил я: trigger: 'hover' }; return new Tooltip(tooltipTriggerEl, options); }); Но почему-то оно не работало, а через HTML работает

0

24.07.2023

Andrew

Виталий
Оказалось все просто, нужно добавить data-bs-trigg...

да, там нужно чтобы был этот атрибут при инициализации поппера..

0

24.07.2023

Виталий Автор вопроса

Andrew
да, там нужно чтобы был этот атрибут при инициализ...

ну вот код выше - это вроде инициализация

0

24.07.2023