title: Jquery plugin - toolbar.js > link not work
body: <p>I have this code, where there are 3 links, but when I click on link, on footer bar of firefox, show the link, but do not open the link. If click on the mouse roll, open the page. The sx button of mouse work fine on other sites or windows function.</p>
  
  <pre><code>&lt;head&gt;
  &lt;link href="tooltip/documentation.css" rel="stylesheet" /&gt;
  &lt;link href="tooltip/jquery.toolbars.css" rel="stylesheet" /&gt;
  &lt;link href="http://fonts.googleapis.com/css?family=Lustria" rel="stylesheet" type="text/css"&gt;
  &lt;!--[if gte IE 9]&gt;
  &lt;style type="text/css"&gt;
              .gradient {
                 filter: none !important;
              }
  
              .tool-container.tool-top {
                  border-bottom: none;
              }
  
            &lt;/style&gt;
  &lt;![endif]--&gt;
  &lt;link href="tooltip/bootstrap.icons.css" rel="stylesheet"&gt;
  &lt;link href="tooltip/prettify.css" rel="stylesheet"&gt;
  &lt;link href="tooltip/sunburst.css" rel="stylesheet"&gt;
  &lt;script src="https://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"&gt;&lt;/script&gt;
  &lt;script src="tooltip/prettify.js"&gt;&lt;/script&gt;
  &lt;script src="tooltip/jquery.toolbar.js"&gt;&lt;/script&gt;
  &lt;script type="text/javascript"&gt;
              jQuery(document).ready(function($) {
  
                  // Define any icon actions before calling the toolbar
                  $('.toolbar-icons a').on('click', function( event ) {
                      event.preventDefault();
                  });
                   $('.settings-button').toolbar({content: '#user-options', position: 'bottom'});
                  $('#normal-button').toolbar({content: '#user-options', position: 'top'});
                  $('.normal-button-bottom').toolbar({content: '#user-options', position: 'bottom'});
                  $('.normal-button-small').toolbar({content: '#user-options-small', position: 'top', hideOnClick: true});
                  $('#button-left').toolbar({content: '#user-options', position: 'left'});
                  $('#button-right').toolbar({content: '#user-options', position: 'right'});
                  $('#link-toolbar').toolbar({content: '#user-options', position: 'top' });
              });
          &lt;/script&gt;
  &lt;/head&gt;
  
  &lt;/head&gt;
  
  &lt;body onload="prettyPrint()"&gt;
  
  
  &lt;div id="normal-button-bottom" class="settings-button"&gt; &lt;img src="tooltip/icon-cog-small.png" /&gt; &lt;/div&gt;
  &lt;br&gt;&lt;br&gt;
  &lt;div id="normal-button-bottom" class="settings-button"&gt; &lt;img src="tooltip/icon-cog-small.png" /&gt; &lt;/div&gt;
  
  
  &lt;div id="user-options-small" class="toolbar-icons" style="display: none;"&gt;  
      &lt;a href&gt;
          &lt;i class="icon-align-left"&gt;&lt;/i&gt;
      &lt;/a&gt;
      &lt;a href&gt;    
          &lt;i class="icon-align-center"&gt;&lt;/i&gt;
      &lt;/a&gt;
      &lt;a href&gt;
          &lt;i class="icon-align-right"&gt;&lt;/i&gt;
      &lt;/a&gt;
  &lt;/div&gt;
  &lt;div id="user-options" class="toolbar-icons" style="display: none;"&gt;
      &lt;a href="http://google.it"&gt;
          &lt;i class="icon-user"&gt;&lt;/i&gt;
      &lt;/a&gt;
      &lt;a href="http://yahoo.it"&gt;
          &lt;i class="icon-star"&gt;&lt;/i&gt;
      &lt;/a&gt;
      &lt;a href="http://www.tiscali.it"&gt;
          &lt;i class="icon-edit"&gt;&lt;/i&gt;
      &lt;/a&gt;
      &lt;a href="#"&gt;
          &lt;i class="icon-trash"&gt;&lt;/i&gt;
      &lt;/a&gt;
      &lt;a href="#"&gt;
          &lt;i class="icon-ban-circle"&gt;&lt;/i&gt;
      &lt;/a&gt;
  &lt;/div&gt;
  &lt;/body&gt;
  
  &lt;/html&gt;
  </code></pre>
  
  <p>How to links work?</p>
  
  <p>Thanks</p>