После прочтения кода и помещения его в файл я заметил, что в приведенном выше коде new_page_id должно быть new_page_index, исходя из того, что я собрал. Также content не определено. Не могли бы вы опубликовать больше кода? Кажется, что это ссылки на переменные, которые либо не существуют, либо определены в другом месте кода. Я буду рад помочь, когда смогу получить эту информацию.
UPDATE:
Итак, основная проблема здесь в том, что вы пытались использовать README examples слишком тесно. В README content является просто примерной переменной, а не фактическим встроенным значением для функции обратного вызова. Чтобы использовать его со своей страницей, вам нужно написать немного кода. Основная проблема в том, что вы пытаетесь передать информацию из PHP в Javascript. Чтобы сделать это правильно, вам нужно обновить PHP-файл, чтобы он также обрабатывал встроенный Javascript, и чтобы он выдавал какое-то утверждение вроде:
$("#News-Pagination").pagination(<?php echo $NUM_OF_ARTICLES ?>,(
items_per_page:20,
callback:handlePaginationClick
)
);
Где NUM_OF_ARTICLES - количество статей, которые вы выбираете из базы данных. Вы можете получить это число, увеличив переменную в цикле "while($row = $result->fetch_object()) { $id = $row->id; ...".
Кроме того, объект по умолчанию, содержащий div, к которому вы хотите добавить данные, предоставляется в качестве аргумента для обратного вызова, то есть $(pagination_container) равен $("#News-Pagination"), поэтому вам не нужно получать снова с помощью селектора DOM.
Наконец, и это сложная часть, вам нужно отсканировать весь ранее введенный текст из DOM в массив JavaScript.
НО
Вот один способ сделать все это в JS, и это НЕ лучший способ, но самый быстрый на данный момент:
// make them global to access them from the console and use them
// in handlePaginationClick
var maini_s;
var mi_s;
var num_of_arts;
var ipp;
function handlePaginationClick(new_page_index, pagination_container) {
var pc = $(pagination_container);
pc.children('div.maini').remove();
pc.children('div.mi').remove();
for(var i=new_page_index*ipp; i < (new_page_index+1)*ipp ;i++) {
if (i < num_of_arts) {
pc.append(maini_s[i]).append(mi_s[i]);
}
}
return false;
}
$(document).ready(function() {
maini_s = $('div.maini').remove();
mi_s = $('div.mi').remove();
num_of_arts = maini_s.length;
ipp = 3;
// First Parameter: number of items
// Second Parameter: options object
$("#News-Pagination").pagination(11, {
items_per_page:ipp,
callback:handlePaginationClick
});
});