I am getting an "this._focusable is not a function" error on line 47 of jquery.ui.menubar.js

 

this._focusable( this.items );

 

The HTML is:

 

<ul id="bar1">

      <li>

            <a href="">Other Issues</a>

                  <ul>

                        <li><a href="">First</a></li>
                        <li><a href="">Second</a></li>

                  </ul>

      </li>

</ul>

 

//   $.getScript("http://view.jqueryui.com/menubar/ui/jquery.ui.menu.js").done(function(script, textStatus) {
    $.getScript("http://view.jqueryui.com/menubar/ui/jquery.ui.menubar.js").done(function(script, textStatus) {
     $("#bar1").menubar({

      autoExpand: true,
      menuIcon: true,
      buttons: true,

      //position: {
      // within: $("#demo-frame").add(window).first()

      //},
      select: function(event, ui) { console.log('ui ' + ui.item); return false; }
     });

    });
 //  });

 

I receive the error whether commenting out the getScript for jquery.ui.menu.js or not (to use jQuery UI 1.8's ui.menu or the latest menu.js included in the demo page).  The page includes the latest stable jquery:

 

   <script src="https://ajax.googleapis.com/ajax/libs/jquery/1/jquery.js" type="text/javascript"></script>
   <script src="https://ajax.googleapis.com/ajax/libs/jqueryui/1/jquery-ui.js" type="text/javascript"></script>

 

I get the same error in IE 8 and FF 7, Firebug reports this.element is the <ul> with id "bar1".  I am not sure what the _focusable property is for or whether this is a bug.  Has someone else else had this?  jQuery's bug tracker and the forums don't have postings about this.