jQuery Menu Selector plugin

Makes menu list items active by location path.

Download jQuery Menu Selector plugin by Aliaksej v0.1

Downloads count: 338

Default plugin options

• url = location.href - select items matching this url
• targetLinks = 'li a' - selector of the links inside menu
• activeClass = 'active' - active class to be assigned to active element
• activeParent = 'li' - parent element to assign active class to, set to `false` to assign class to link
• defaultSelected = false - element to be selected, if no links matches url (set to `li:first` for homepage, etc.)
• onSelect = function (item, menu, options) {} - callback triggered on no elements selected
• onNoEltSelected = function (menu, options) {} - callback triggered on no elements selected

Examples

Standart menu:

• Current page url
• Other url
• Another url

    $('#topMenu').menuSelector();

Custom url

• Current page url
• Other url
• Another url

    $('#topMenu1').menuSelector({
        url: '/other/url/'
    });

Default selected

• Home url
• Some page url
• Other url
• Another url

    $('#topMenu2').menuSelector({
        url: '/non/menu/url/',
        defaultSelected: 'li:first'
    });

Nested Menu

• Home url
• Nested
  • Level 1
  • Level 2
• Other url
• Another url

    $('#topMenu3').menuSelector({
        url: 'nested/level1/',
        activeParent: false,
        onSelect: function (item, menu, options) {
            item.addClass(options.activeClass)
                .parents('li')
                    .find('>a')
                        .addClass(options.activeClass);
            return true;
        }
    });