X

Navigate next, previous adjacent post with jquery and the left, right keys

Last updated on by Debjit Saha
ShareShares0

If you are using adjacent post relational links in the head of your wordpress theme add this little bit of jquery. This will let people navigate next, previous adjacent post with the left and right arrow keys.

	$(document).keydown(function(e){
		if (e.which == 37) { // left arrow
		   if(!prev) return false;
			window.location.href = $('link[rel=prev]').attr('href');
		}
		if (e.which == 39) { // right arrow
		   if(!next) return false;
			window.location.href = $('link[rel=next]').attr('href');
		}
	});
ShareShares0

Comments  Leave a Reply

Add a Comment

We're glad you have chosen to leave a comment. Please keep in mind that all comments are moderated according to our privacy policy, and all links are nofollow. Do NOT use keywords in the name field. Let's have a personal and meaningful conversation.

WordPress Launch Checklist

The Ultimate WordPress Launch Checklist

We've compiled all the essential checklist items for your next WordPress website launch into one handy ebook.
Yes, Send Me the Free eBook!
Copyright © 2015 - 2019 WPBeginner LLC. All Rights Reserved. Managed by Awesome Motive Inc.

EDITORIAL NOTE: Opinions expressed here are author’s alone, not those of any hosting company, plugin provider, theme company, or WordPress Foundation, and have not been reviewed, approved or otherwise endorsed by any of these entities.

DISCLAIMER: We make great efforts to maintain reliable data on all offers presented. However, this data is provided without warranty. Users should always check the provider’s official website for current terms and details. The product offers that appear on the website are from respective hosting companies, plugin companies, and theme companies from which IsItWP receives compensation. This compensation may impact how and where products appear on this site (including, for example, the order in which they appear). This site does not include all WordPress products or all available product offers.