search

aidanlister / jquery-stickytabs

Provides persistant state (back and forward button support) for Bootstrap tabs
http://aidanlister.com/2014/03/persisting-the-tab-state-in-bootstrap/
MIT License
60 stars 33 forks source link

readme

jquery-stickytabs

npm version

Provides pushState (back and forward button support) to Bootstrap tabs

Install

NPM

type npm install jquery-stickytabs --save to install the library via NPM

Bower

type bower install jquery-stickytabs --save to install the library via bower

Usage

Run this in document ready or some equivalent initializer on your page:

$('.nav-tabs').stickyTabs();

Where nav-tabs is the default class for the bootstrap tabs feature.

Options

The following options are available to pass to jquery-stickytabs on instantiation

Example

$(function() {
    var options = { 
        selectorAttribute: "data-target",
        backToTop: true
    };
    $('.nav-tabs').stickyTabs( options );
});
option default description
selectorAttribute false Override the default href attribute used as selector when you need to activate multiple TabPanels at once with a single Tab using the data-target attribute.
backToTop false Prevent the page from jumping down to the tab content by setting the backToTop setting to true.

NuGet package

Tim Abell maintains a nuget package of stickytabs for easier installation in .NET projects. Report any packaging issues here: https://github.com/timabell/jquery-stickytabs/issues