Javascript YUI菜单栏未显示子菜单

Javascript YUI菜单栏未显示子菜单,javascript,yui,yui-menu,Javascript,Yui,Yui Menu,因此,我试图学习YUI工具包,但我的菜单栏有可用的子菜单存在问题。如果我使用以下代码: <html> <head> <title>Web</title> <!-- Yahoo UI --> <link rel="stylesheet" type="text/css" href="http://yui.yahooapis.com/combo?2.8.0r4/build/reset-fonts-grids/reset-fonts-

因此,我试图学习YUI工具包,但我的菜单栏有可用的子菜单存在问题。如果我使用以下代码:

<html>
<head>
<title>Web</title>

<!-- Yahoo UI --> 
<link rel="stylesheet" type="text/css" href="http://yui.yahooapis.com/combo?2.8.0r4/build/reset-fonts-grids/reset-fonts-grids.css&2.8.0r4/build/base/base-min.css&2.8.0r4/build/assets/skins/sam/skin.css"> 
<script type="text/javascript" src="http://yui.yahooapis.com/combo?2.8.0r4/build/utilities/utilities.js&2.8.0r4/build/datasource/datasource-min.js&2.8.0r4/build/autocomplete/autocomplete-min.js&2.8.0r4/build/container/container-min.js&2.8.0r4/build/menu/menu-min.js&2.8.0r4/build/button/button-min.js&2.8.0r4/build/calendar/calendar-min.js&2.8.0r4/build/carousel/carousel-min.js&2.8.0r4/build/json/json-min.js&2.8.0r4/build/swf/swf-min.js&2.8.0r4/build/charts/charts-min.js&2.8.0r4/build/slider/slider-min.js&2.8.0r4/build/colorpicker/colorpicker-min.js&2.8.0r4/build/cookie/cookie-min.js&2.8.0r4/build/paginator/paginator-min.js&2.8.0r4/build/datatable/datatable-min.js&2.8.0r4/build/datemath/datemath-min.js&2.8.0r4/build/editor/editor-min.js&2.8.0r4/build/element-delegate/element-delegate-min.js&2.8.0r4/build/selector/selector-min.js&2.8.0r4/build/event-delegate/event-delegate-min.js&2.8.0r4/build/event-mouseenter/event-mouseenter-min.js&2.8.0r4/build/event-simulate/event-simulate-min.js&2.8.0r4/build/history/history-min.js&2.8.0r4/build/resize/resize-min.js&2.8.0r4/build/imagecropper/imagecropper-min.js&2.8.0r4/build/imageloader/imageloader-min.js&2.8.0r4/build/layout/layout-min.js&2.8.0r4/build/logger/logger-min.js&2.8.0r4/build/progressbar/progressbar-min.js&2.8.0r4/build/swfstore/swfstore-min.js&2.8.0r4/build/storage/storage-min.js&2.8.0r4/build/stylesheet/stylesheet-min.js&2.8.0r4/build/tabview/tabview-min.js&2.8.0r4/build/treeview/treeview-min.js&2.8.0r4/build/uploader/uploader-min.js"></script> 

<!-- Google Gears -->
<script type="text/javascript" src="js/gears_init.js"></script>

 <script type="text/javascript" src="mainpanel.js"></script>


<style type="text/css"> 

.yuimenubaritemlabel {
  margin: 0px; 
  padding: 2px; 
}
</style> 

<script type="text/javascript">
YAHOO.util.Event.onDOMReady(function() { 
    makePanel();
});
</script>
</head>

<body class="yui-skin-sam"></body>
</html>
我无法使用以下任一语法使子菜单正常工作:

 var menuData = [ 
      {text: "File", 
       itemdata: [ "New", "Open", "Close" ] } 
      {text: "Help" 
       itemdata: [ "Welcome", "About" ] } 
     ]; 


你知道我哪里出错了吗?我正在使用YUI 2.0。

嘿,克里斯。很高兴在互联网上看到一位老同事

我只是想建议你把这个贴在YUILibrary论坛上——(特别是这里:)。在Todd(编写菜单的人)和其他每天使用YUI的人面前,这是最好的地方

问候,,
Eric

对于将来可能找到此页面的任何人,可以在此处找到有关如何在YUI布局中使用菜单栏模块的说明:


来自Dav Glass@YUI论坛的链接。

是的,这将是我的下一步。。。我已经习惯了StackOverflow的精彩答案,这是我现在的第一站。谢谢你的提示!很好的链接,但是如果你看一下这两个链接,以及我高度浓缩的版本,你会发现我唯一不同的地方就是动态div的top1、center1等。我做错了什么,以至于我可以得到一个菜单,但没有子菜单?
 var menuData = [ 
      {text: "File", 
       itemdata: [ "New", "Open", "Close" ] } 
      {text: "Help" 
       itemdata: [ "Welcome", "About" ] } 
     ]; 
 var menuData = [ 
        { text: "File", 
          submenu: {  
                id: "filemenu", 
                  itemdata: [ "New", "Open", "Close" ] }
        } ];