无法启用或禁用jQuery菜单栏项

Question

I'm using a jquery ui menubar. So far I had good results, but I'm trying to programmatically enable and disable menubar items(eg file->exit). This just doesn't work for me.

Part of the html definition of the menubar is:

 <div class="Dashboard">
  <ul id="MainMenubar" class="menubar-icons">
    <li>
      <a href="#File">File</a>
      <ul>
        <li class="ui-state-disabled" id="logout"><a href="#Logout">Logout</a></li>
        <li class="ui-state-disabled"><a href="#LoadUsers">Load users</a></li>
        <li><a href="#Exit">Exit</a></li>
      </ul>
    </li>
  </ul>
</div>

Now when I call: $( "#logout" ).menubar( "enable" ); , I get the following error: "Uncaught Error: cannot call methods on menubar prior to initialization; attempted to call method 'enable'". I don't understand, because the menubar is initialize long before, when the page is loaded.

What am I doing wrong? Thank you

Answer 1

#Logout is an HREF for a URL in your code, not an ID. You need to assign the HTML attribute id="Logout" to some element in order to reference it the way you are doing here.

For example:

<li id="logout"><a href="#">Logout</a></li>

$("#logout").menubar("enable");