Как (сделать Tooltipsster) взять на себя существующий или будущий EventListener в JavaScript?Javascript

Форум по Javascript
Ответить
Anonymous
 Как (сделать Tooltipsster) взять на себя существующий или будущий EventListener в JavaScript?

Сообщение Anonymous »

я использую tooltipsster , чтобы сделать подсказки на моем сайте .

Когда парящие элементы они отображают контент в пузырьке. /p>

на touch Devices однако ..

..... Поскочие инструменты показывают на tap с Там нет падения. Но нажмите, например, ссылки на щелчок Triggers и т. Д. Я обнимаю это, заставляя Toolpster захватить href элемента и отображать его внутри подсказки на специальном созданном элементе, таком как ». Нажмите здесь для получения более подробной информации ".
это работает без проблем. Сайт без href или сделан JS AddeventListener. Иногда это делается до того, как Tooltipster активируется в JS, а иногда и после, а иногда даже с AJAX.
Так что, как и нажмите на Click/Tap By href до, как мне сделать Tooltipster захватить Eventlistener ? Я могу сделать эту часть. Вопрос о том, как перенести eventListeners в первую очередь? ? Если да, то как мне перенести его в элемент внутри подъема инструментов, не теряя своей цели? Может быть, вопрос неверен, и мне нужен другой подход? /p>
isTouch = ('ontouchstart' in window) || (navigator.maxTouchPoints > 0) || (navigator.msMaxTouchPoints > 0)
$('.tooltip' + (isTouch?':not(.ajx)':''))
.tooltipster({
debug:true,
animation: 'grow',
interactive:true,
repositionOnScroll:true,
contentAsHTML : true,
//trackOrigin:true, //performance!
delay: 200,
trigger: 'custom',
triggerOpen: {
click: true,
mouseenter: true,
tap: true
},
triggerClose: {
mouseleave: true,
click: true,
tap: true
}
})
/***** Don't open tooltips of parents ****/
//click (parent events comes after child)
.has('.tooltip')
.tooltipster('option' , 'functionBefore' , (inst, helper) => { //console.log('functionBefore', helper)
if (helper.event && !helper.event.target?.isEqualNode(helper.origin))
return false;//console.log(helper.event)//.stop()
})
//hover (child events comes after parent)
.children('.tooltip')
.tooltipster('option' , 'functionBefore' , (inst, helper) => { //console.log('functionBefore', helper)
$(helper.origin).parents('.tooltip').tooltipster('close')
})
.tooltipster('option' , 'functionAfter' , (inst, helper) => { //console.log('functionAfter', helper)
//If hover out on or via parent
if (helper.event.relatedTarget?.classList.contains('tooltip'))
$(helper.event.relatedTarget).tooltipster('open')
})


Подробнее здесь: https://stackoverflow.com/questions/794 ... ner-in-jav
Ответить

Быстрый ответ

Изменение регистра текста: 
Смайлики
:) :( :oops: :roll: :wink: :muza: :clever: :sorry: :angel: :read: *x)
Ещё смайлики…
   
К этому ответу прикреплено по крайней мере одно вложение.

Если вы не хотите добавлять вложения, оставьте поля пустыми.

Максимально разрешённый размер вложения: 15 МБ.

Вернуться в «Javascript»