0

Есть кнопки пагинации и блок, который нужно сделать с постраничным выводом без перезагрузки страницы. Код пагинации:

<div class='pages-block>
    <div>1</div>
    <div>2</div>
    <div>3</div>
    <div>4</div>
    <div>5</div>
    <div>6</div>
    <div>7</div>
    <div>8</div>
</div>
<div class='container d-flex justify-content-center pagination mt-4'>
    <div class='page-item mx-1 active'>1</div>
    <div class='page-item mx-1'>2</div>
    <div class='page-item mx-1'>3</div>
    <div class='page-item mx-1'>4</div>
</div>

Код блока - произвольный. К примеру, 8 div'ов, которые нужно разбить по 4 элемента на страницу. Гуглю, гуглю, куча информации про реализацию кнопок пагинации, а про сам функционал - не нашел ничего толкового. Выручайте!

3
  • наверное стоит попробовать прочитать еще и раздел справки "nav" в части где про использование дата-атрибутов
    – teran
    15 дек 2020 в 21:40
  • "Код блока - произвольный. К примеру, 8 div'ов" вот уж прям произвольный контент вы маловероятно что разобьете на что либо. Конкретизируйте что, по какому критерию и на сколько частей вы собираетесь разбивать.
    – teran
    15 дек 2020 в 21:41
  • @teran, блок с карточками с информацией. Для него нужна пагинация. Это вроде бы не особо отличается от произвольных блоков, они всё равно же реализованы через блоки.
    – 100Twain
    15 дек 2020 в 21:49

1 ответ 1

0

Спасибо за помощь в поиске. Делюсь ответом:

codepen.io/monkeytempal/pen/pVrwLN

Помог плагин simplePagination.js.

Ваш ответ

Нажимая на кнопку «Отправить ответ», вы соглашаетесь с нашими пользовательским соглашением, политикой конфиденциальности и политикой о куки

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.