It is a jQuery plugin, provides an easy way to enable jk binding navigation on a page.
HTML JavaScript Makefile
Switch branches/tags
Clone or download
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Failed to load latest commit information.

jQuery jknav

jQuery jknav is a plugin, provides an easy way to enable jk binding navigation on a webpage.


See this page.


  • jQuery


The basic install is easy, you only need these:

<script src=""></script>
<script src=""></script>

The link of jQuery jknav above is minified version, hosted on GitHub pages.

Add elements to navigation list first, then initialize jknav:




$(selector).jknav(callback, name);

You can assign a callback function, which will be invoked after jknav navigates the page to the item.

name is the navigation list's name, you can have more than one list with different keys.


  up: 'k',
  down: 'j',
  name: 'default',
  easing: 'swing',
  speed: 'normal',
  circular: true,
  reevaluate: false

You can change the default options:

  • up and down are the keys to trigger navigation.
  • name is the navigation list's name.
  • easing and speed are for navigation effect.
  • circular indicates if it's a circular navigation.
  • If reevaluate is true, then jknav uses current position to decide next item to navigate to; or based on the internal index variable.

$.jknav.up() and $.jknav.down()

Provide programmatic way to navigate. It accepts one parameter, the name of navigation set. If the parameter is missing, then it's the default set.


This project is licensed under the MIT License, see COPYING.

Copyright (C) 2010-2013 Yu-Jie Lin
Copyright (C) 2014 Kyle J. Davis
Copyright (C) 2016 Petr Vacha