Блог

я ищу систему разбиения на страницы, которая имеет следующие характеристики:

я бы проанализировал данные из такой базы данных, например:

 <ul>
<li>data extracted from db<li>
<li>data extracted from db<li>
<li>data extracted from db<li>
<li>data extracted from db<li>
<li>data extracted from db<li>
<li>data extracted from db<li>
</ul>
  

тогда эта разметка будет обрабатываться на стороне клиента с помощью jquery для создания разбивки на страницы, поэтому здесь нет ajax, я только вызываю db для заполнения и построения моей разметки, затем я обрабатываю ее с помощью jquery на стороне клиента.

кто-нибудь знает несколько хороших примеров того, как сделать это tahnks

http://d-scribe.de/webtools/jquery-pagination/demo/demo_options.htm

http://tympanus.net/jPaginate/

http://www.script-tutorials.com/demos/35/index.html

http://web.enavu.com/demos/paginate/

Если бы вы могли быть немного более конкретными в отношении того, в чем именно вы не уверены, это было бы очень полезно, но с учетом того, что вы дали мне выше, я бы сказал, что вы хотите получить всю информацию из базы данных сразу (поскольку вы специально не можете использовать AJAX для ввода дополнительной информации из базы данных при разбивке на страницы). Что касается разбивки вашего кода на страницы, я с большим успехом использовал модуль разбиения на страницы jQuery от gbirke.

https://github.com/gbirke/jquery_pagination#readme

— РЕДАКТИРОВАТЬ —

Хотел обратиться к вашим комментариям здесь. Этот плагин абсолютно можно использовать с DB и php. Я предполагаю, что вы можете получить свои вышеуказанные комментарии на страницу через php из базы данных:

 <ul>
<li>data extracted from db<li>
<li>data extracted from db<li>
<li>data extracted from db<li>
<li>data extracted from db<li>
<li>data extracted from db<li>
<li>data extracted from db<li>
</ul>
  

По сути, вы просто скрываете содержимое на уровне ul и присваиваете ul класс. Затем вы должны использовать селектор jquery, чтобы выбрать нужные вам элементы из этого списка и клонировать их. Например, вы хотели бы, чтобы ваш обратный вызов разбивки на страницы имел что-то вроде этого:

 $('.paged-content-area').empty();
for(var i = 0; i < items_per_page; i  ) {
    var new_content = $('ul.hidden-content li:eq(' ((page_index*items_per_page)   i) ')').clone();
    $('.paged-content-area').append(new_content);
}
  

Надеюсь, это приведет вас туда, где вы хотите быть!