O'Reilly logo

jQuery UI Cookbook by Adam Boduch

Stay ahead with the world's most comprehensive technology and business learning platform.

With Safari, you learn the way you learn best. Get unlimited access to videos, live online training, learning paths, books, tutorials, and more.

Start Free Trial

No credit card required

Using tabs as URL navigation links

The tabs widget isn't limited to populating tab panels using preloaded div elements or by making Ajax calls. Some applications already have many components built, and lots of content to display. If you're updating a site, or application such as this, the tabs widget might be useful as the main form of navigation, especially if you're already using jQuery UI widgets. What we would need then is something generic that could be applied to every page, without much effort on the part of the developer using the widget. Although the tabs widget wasn't designed for such a purpose, we're not going to let that stop us because with a little tweaking, we can create a generic component that gives us exactly what we need.

With Safari, you learn the way you learn best. Get unlimited access to videos, live online training, learning paths, books, interactive tutorials, and more.

Start Free Trial

No credit card required