@ComPUCKter
Вечный ж..студент

Где я допустил ошибку в пагинации через ajax?

У меня есть скрипт, в котором при нажатии на кнопку должна срабатывать пагинация через 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>');
            }
         });
      });
   })

}

В первом аппенде к мейну я добавляю посты, во втором кнопку, которая вызывает пагинацию.
Пожалуйста подскажите где ошибка. Отвечу на все уточняющие вопросы. Заранее спасибо.
  • Вопрос задан
  • 58 просмотров
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы