検索結果ページのページ番号を設定したいと思います。 すべての検索結果を表示するための2つのハイパーリンクPreviousとNextがあります。初めてページが読み込まれたときにPreviousを無効にして、Nextをクリックしてみたいと思っています。ページが最後のページに到達すると、がこのページを無効にしたい場合は、この時点でNextを無効にしたいと考えています。どのようにjqueryを使用してこれを達成することができます。jqueryを使用してページ番号を設定する方法
あなたはのいずれかを試すことができ、この既製プラグインhttp://webdesign14.com/15-best-jquery-table/
EDIT： はid=my_table"で検索結果から一つのテーブルを作成します（単なるたとえばたり、他のIDを使用することができます）と使用次のコード
<script type="text/javascript" language="javascript" src="../../media/js/jquery.js"></script>
<script type="text/javascript" language="javascript" src="../../media/js/jquery.dataTables.js"></script>
<script type="text/javascript" charset="utf-8">
$(document).ready(function() {
$('#my_table').dataTable();
});
</script>
jquery.jsとその他の必要なjsをファイルに追加してください。
$('#data_table').dataTable({
"aaData": dataSet,
"aaSorting": [[0,'asc'],[0,'desc'],[2,'asc'],[2,'desc'],[3,'asc'],[3,'desc'],[4,'asc'],[4,'desc'],[5,'asc'],[5,'desc'],[6,'asc'],[6,'desc'],[7,'asc'],[7,'desc']],
"iDisplayLength": 4,
"bInfo": true,
"bLengthChange": false,
"bPaginate": true,
"bAutoWidth": false,
"sPaginationType": "full_numbers",//this is used for pagination with nos and first , next , last , preivous
"sPageButton": "paginate_button",
"sPageButtonActive": "paginate_active",
"sPageButtonStaticDisabled": "paginate_buttond",
"bAutoWidth": true,
"aoColumns": [
{ "sTitle": "Seller",
"sWidth": "50px",
"sClass": "grey" ,
"fnRender": function(obj) {
var data = obj.aData[ obj.iDataColumn ];
return "<A href='"+ data.url +"'>"+ data.title +"</A>";
}
}
]
})
アジンカ：私はどちらを使用するのか分からなかった。どのように私はそれを使用することができます。私を助けてください。 – Romi
このデモをチェックしてください。http://www.datatables.net/ – xyz
アジンカ：これをチェックしました。私の欲しいものと同じように働いていますが、私のページでどのように使用していますか？私はする必要があります。私はプラグインの使い方を知らないということです。 – Romi