JQuery Routing Plugin
JQuery router is a SPA (Single Page Apps) router plugin for jQuery.
Upgrade to Silkrouter (Recommended)
Silkrouter is latest recommended version. Refer to migration documentation for more details. Please note that we are going end support for
jqueryrouter soon. The package will continue to exist but there won't be any further security updates or patches to this version.
npm install --save jqueryrouter deparam.js jquery
How to use?
JQuery router uses event emitters similar to
jQuery custom events.
Bind router events
Trigger router event
JQuery router allows you to attach a listener that listens to all changes in history.
Note: You need to attach handlers before you can trigger router events.
Hash router check
If normal and hash routes are same, route handler to executed twice. You can check the event source using
Trigger route handlers on page load/reload
To trigger route handlers on page load/reload, you need to call
init method keeps track of handlers which have triggered before. If a handler is called before, it is not called again.
Via query string:
Via route params:
Passing data one time
JQuery router allows you to pass data directly to handler. This data is not persisted in
jQuery version due to limitations of IE9.
Jquery router has been tested in browsers below: Desktop: IE 9 - 11, Chrome, Firefox, Safari, Opera, Edge Mobile: Chrome, Safari, Firefox