Я пытаюсь реализовать страницу с бесконечной прокруткой и добавить всплывающие подсказки к некоторым элементам.Бесконечная прокрутка работает нормально, но всплывающие подсказки появляются только на первой странице, прежде чем добавлять новые элементы с помощью прокрутки.Вот пример:
https://stage.superbiajuridico.es/news/
Подсказка находится в маленьком желтом круге, когда на нее наведен курсор.Если вы прокрутите вниз, на следующих страницах остальные подсказки не будут созданы, хотя я использую событие append для их построения при каждой перезагрузке страницы.
Видимо, код очень прост иЯ не знаю, что я делаю неправильно:
// TOOLTIPS
// ------------------
var miTootip = $('.tooltip-item');
new Tooltip(miTootip, {
// options
});
// INFINITE SCROLL
// ------------------
var inf = $('.infinite-scroll-container').infiniteScroll({
// options
});
inf.on('append.infiniteScroll', function(event, response, path, items) {
// THIS IS THE PART THAT DOESN'T WORK
new Tooltip(miTootip, {
// options
});
});
Это не работает.У меня не было большого опыта работы с JS, поэтому я думаю, что делаю что-то не так очевидное.
РЕДАКТИРОВАТЬ: Когда я пытался закодировать, я понял, что ошибка в другом месте.Всплывающая подсказка появляется только в первом элементе (она не имеет отношения к бесконечной прокрутке).Это ручка: https://codepen.io/aitormendez/pen/yRGyZW