У меня есть скрипт, в котором при нажатии на кнопку должна срабатывать пагинация через ajax.
При первом нажатии она срабатывает корректно, а при последующих срабатывает некорректно.
function posts_pagination() {
const paginationBtn = $('.more-btn');
paginationBtn.each(function () {
$(this).click(function (e) {
alert('Работает');
e.preventDefault();
const clicked = $(this);
let page = clicked.children('span').text();
const limit = 5;
const offset = limit * (page - 1);
$.ajax({
type: 'POST',
url: 'php-scripts/posts.php',
dataType: 'html',
data: {
page: ++page
},
success: function (data) {
const main = $('.main');
clicked.remove();
main.append(data).append('<div class="more"><a href="#" class="more-btn">Далее >> <span style="display: none;"> ' + (page) + ' </span>');
}
});
});
})
}
В первом аппенде к мейну я добавляю посты, во втором кнопку, которая вызывает пагинацию.
Пожалуйста подскажите где ошибка. Отвечу на все уточняющие вопросы. Заранее спасибо.
Средний
