Pagination with JavaScript
I have html code that have some <div class="post">
inside. I want to paginate them with javascript. How can I do that? (I know I can do it by PHP but I just want to do it with JS)
the html generated by my php looks like that:
开发者_StackOverflow中文版 <body>
<div id="content">
<div class="post">
post content
</div>
<div class="post">
</div>
...
</div>
</body>
Maybe it will be the best to use jquery for that? (I'm using jquery ajax to load html into content allready)
yea there is a jquery plugin that works nicely https://github.com/gbirke/jquery_pagination
I would first get the count of items. For example, if you have 10, loop through and create <div>
s for each. [1][2][3]... Then, when you click on a pager <div>
, get the value and request that specific item such as $("#ct").load("/posts?id=5");
Good jQuery pagination plugin to use with JSON data
Yes, using jQuery to simulate pagination is a valid task. You could easily use the jQuery(selector).hide().slice(start,end).show()
pattern to do what you want. Then you have to manage the start and end in your code, but that should be easy enough.
You can use Pagino. It's very easy and simple https://github.com/pagino/pagino-js
精彩评论