None of the links in the reference implementation are working for me. If I navigate to http://paulkinzett.github.io/toolbar/ and click on any of the buttons from the modal menu, it does not append a # to the URL bar.

Additionally if I change a line like 399 to be an actual link, nothing happens when I click it in the menu. I can however right click and select open in new tab, and that works.

I am on the current version of chrome in OSX. Thank you for any help!

toolbaritemclick: Triggered when a button in the toolbar is clicked toolbarshown: Triggered when the toolbar is shown toolbarhidden: Triggered when the toolbar is hidden

Some times is very handy to know when the toolbar is being shown/hidden. For instance, I use the toolbar to provide formatting options to an item, and then save the item's style to the server when the toolbar is closed.

The toolbaritemclick is handy when the toolbar content is generated (like providing raw HTML), and there is no DOM node to register for events.

What if some one has already full bootstrap with icons , then this tool bar icons dont appear correctly.

Then This one not needed But tool bar icons messup

First paragraph: flexability -> flexibility "Notes" list before "Options" - visable -> visible

This project is definitely bookmarked BTW.

Sorry if this is mentioned somewhere that I haven't read yet, but I can show my toolbars and have added dynamic click handlers for each of the icons, yet, how do you close the toolbar when an icon is clicked?

Thanks for your contribution!

hi, is there possibility to close the tool bar when user click on the page outside the tool bar ? because currently the only way to close it is to click the initiating element again,

thanks in advanced.

Why the version in the official site http://paulkinzett.github.com/toolbar/ has the hideOnClick function and and code on github doesn't?

    bindHideEvent: function() {

        var self = this;

        var hideEvent = "click.toolbar";

        if(self.options.hideOnClick) {
            $('html').off(hideEvent).on(hideEvent, function( event ) {
                if(self.toolbar.has(event.target).length === 0 ) {
                    self.hide();
                }
            });     
        }             

    },

All of my files are in the right place, such as /images, /scripts, /css etc. Made sure to point bootstrap.icons.css to the png such as background-image: url("images/glyphicons-halflings.png") Bootstrap.js and jquery*.js are included in the project and html. All files recommended in the documentation are included in the project and html.

When the toolbar is displayed, there are no images on the buttons. However, the toolbar does display as expected on hover. Any ideas what could be wrong?

included the following in the in an .html file

along with