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

时间:2013-02-11 21:54:25

标签: javascript jquery jquery-ui

我正在使用jquery ui菜单栏。到目前为止,我有很好的结果,但我正在尝试以编程方式启用和禁用菜单栏项目(例如file-> exit)。这对我不起作用。

菜单栏的html定义的一部分是:

 <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>

现在当我调用:$( "#logout" ).menubar( "enable" ); 时,我收到以下错误:“未捕获错误:在初始化之前无法调用菜单栏上的方法;尝试调用方法'enable'”。我不明白,因为在页面加载之前很久就会初始化菜单栏。

我做错了什么? 谢谢

1 个答案:

答案 0 :(得分:1)

#Logout是代码中URL的HREF,而不是ID。您需要将HTML属性id="Logout"分配给某个元素,以便按照您在此处的方式引用它。

例如:

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

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