Question

我想为搜索结果页面做分页。我有两个超链接Previous和Next，用于显示所有搜索结果。当我的页面第一次加载时我想要Previous禁用并点击Next我想让它可用。当页面到达最后一页时我想暂时禁用Next，当Previous到达第一页时想以禁用它的方式相同。我怎样才能使用jquery实现这一点。

Answer 1

您可以尝试使用任何现成的插件http://webdesign14.com/15-best-jquery-table/ 修改使用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和其他必需的j。

Answer 2

$('#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>";
                        }

                    }
]
})

如何使用jquery实现分页

2 个答案: