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

[Anonymous]

У меня есть следующий пример, где при наведении курсора выполняется вызов Ajax и извлекает данные, создает контент и показывает его. Но это не работает для динамического контента, поскольку на странице загружается

Код: Выделить всё

...

статический на странице, но также и динамический на вкладке.

Таким образом, приведенный ниже код работает для статики

Код: Выделить всё

...

но не работает для динамических.

Код: Выделить всё

Loading a new image...

...

Типпи jquery:

Код: Выделить всё

const template = document.querySelector('#template');
const initialText = template.textContent;

const tip = tippy('.otherPostTags', {
animation: 'shift-toward',
arrow: true,
html: '#template',
onShow() {
const content = this.querySelector('.tippy-content')
if (tip.loading || content.innerHTML !== initialText) return
tip.loading = true
node = document.querySelectorAll('[data-tippy]');
let id = node[0].dataset.postid;
$.ajax({
url: '/get/post/'+id+'/tags',
type: 'GET',
success: function(res){
let preparedMarkup = '';
res.tags.map(function(item) {
preparedMarkup +=
''+
item.name +
'';
});
content.innerHTML = preparedMarkup;
tip.loading = false
},
error: function(error) {
console.log(error);
content.innerHTML = 'Loading failed';
tip.loading = false
},
});
},
onHidden() {
const content = this.querySelector('.tippy-content');
content.innerHTML = initialText;

},
popperOptions: {
modifiers: {
preventOverflow: {
enabled: false
},
hide: {
enabled: false
}
}
}
});

Что мне здесь не хватает?

Подробнее здесь: https://stackoverflow.com/questions/523 ... ic-content