コンテンツのページネーションを可能にする jQuery プラグインを使用しています。
http://jsbin.com/upuwe/434/edit
問題は、これらのテーブルを同じページに複数配置したいということです。
ヘッダーで JavaScript 呼び出しを複製しようとしましたが、うまくいきませんでした。あなたはなにか考えはありますか?
<script>
var pagination_options = {
num_edge_entries: 2,
num_display_entries: 8,
callback: pageselectCallback,
items_per_page:10
}
function pageselectCallback(page_index, jq){
var items_per_page = pagination_options.items_per_page;
var offset = page_index * items_per_page;
var new_content = $('#hiddenresult div.result').slice(offset, offset + items_per_page).clone();
$('#Searchresult').empty().append(new_content);
return false;
}
function initPagination() {
var num_entries = $('#hiddenresult div.result').length;
// Create pagination element
$("#Pagination").pagination(num_entries, pagination_options);
}
function pageselectCallback(page_index, jq){ //duplicate
var items_per_page = pagination_options.items_per_page;
var offset = page_index * items_per_page;
var new_content = $('#hiddenresult1 div.result').slice(offset, offset + items_per_page).clone();
$('#Searchresult1').empty().append(new_content);
return false;
}
function initPagination() { //duplicate
var num_entries = $('#hiddenresult1 div.result').length;
// Create pagination element
$("#Pagination1").pagination(num_entries, pagination_options);
}
$(document).ready(function(){
initPagination();
});
</script>