я использую 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
Мобильная версия