How to add Prev Next in pagination

I plan to add this to the plugin soon but I need to assess all the options first to build a solution that suits most situations.

In the meanwhile, I can build a simple add-on plugin that you would have to download, install, and configure manually by editing code. Does that appeal to you?

Hi,

I got solution.
Open your “quickpager.jquery.js” located in the folder js/quickpager.jquery.js

Use the below New Code after the end of the function. Which is labeled in the beginning “//pager navigation behaviour”. Starting from line no. 103 and end in 144. After finishing this function. Use the below code.

Paste the below code.
New Code:
————–
//add prev, next in pagination.
var nextLink = <li><a href='#'>Next</a></li>;
var prevLink = <li><a href='#'>Prev</a></li>;
$(“.simplePagerNav”).prepend(prevLink).append(nextLink);
$(“#nextLink”).click(function(e) {
e.preventDefault();
$(“li.currentPage”).next(“li[class^=simplePageNav]”).find(“a”).click();});
$(“#prevLink”).click(function(e) {
e.preventDefault(); $(“li.currentPage”).prev(“li[class^=simplePageNav]”).find(“a”).click();
});

Note: Please add single or double quotation at the beginning and end of li tags assigned in the variable nextLink and prevLink.

Thanks

Please make sure you put code snippets inside the codeblock tab when posting to the forums. Thanks.

Hi,
Thank you Tim!
Thank you very much Chris for your quick feedback.

Thanks

@Ithisham’s suggestion worked for me, except I needed to add the ID for each var into the href. Thanks everyone!

var nextLink = "<li><a id='nextLink' href='#'>Next</a></li>";
var prevLink = "<li><a id='prevLink' href='#'>Prev</a></li>";

$(".simplePagerNav").prepend(prevLink).append(nextLink);

$("#nextLink").click(function(e) {
	e.preventDefault();
	$("li.currentPage").next("li[class^=simplePageNav]").find("a").click();
});
$("#prevLink").click(function(e) {
	e.preventDefault();
	$("li.currentPage").prev("li[class^=simplePageNav]").find("a").click();
});