javascript - 添加子菜单项

Question

我想向现有子菜单显示一个子菜单项。请查看http://jsfiddle.net/nw9tU/216/

在菜单2中，提款子菜单项，我想在鼠标悬停在“提款”子菜单项上时显示2个名为“储蓄账户”、“当前账户”的子菜单项。任何的意见都将会有帮助。

下面是示例代码:

var pSubMenu2 = new DropDownMenu({});
var pSubMenu3 = new DropDownMenu({});

pSubMenu2.addChild(new MenuItem({
    label: "Credit"
}));
pSubMenu2.addChild(new MenuItem({
    label: "Withdraw"
}));
pSubMenu2.addChild(new PopupMenuBarItem({
    label: "Retail",
     popup: pSubMenu3
}));  

pSubMenu3.addChild(new MenuItem({
    label: "Savings Acc"
}));

我可以在鼠标悬停在“撤回”子菜单上时显示一个子菜单项，但在下拉菜单中，添加子菜单项时会看到一个间隙。如何解决它以及如何在子菜单中显示多个子菜单项。谢谢。

Answer 1

我已经更新了你的 fiddle link

基本上，您必须创建新菜单并将其作为弹出菜单项附加到“撤回”菜单项上，如下所述

`varwithdrawMenu = 新菜单({ id:“退出菜单” });

withdrawMenu.addChild(new MenuItem({
            id: "savings",
            label: "Savings Acc"
        }) );
withdrawMenu.addChild(new MenuItem({
            id: "checking",
            label: "Checking Acc"
        }) );

var pSubMenu2 = new DropDownMenu({});
pSubMenu2.addChild(new MenuItem({
    label: "Credit"
}));

 pSubMenu2.addChild(new PopupMenuItem({
            id: "withdraw",
            label: "Withdraw",
            popup: withdrawMenu
        }) );`