动态添加弹出窗口后 XUL MenuItem 消失

Question

我正在尝试将子菜单添加到动态构建的弹出菜单中，该菜单在您右键单击浏览器窗口中的任意位置时出现。第一级构建得很好，但是当我尝试向这些条目添加弹出窗口时，菜单项消失了。

这是我正在构建的对象：

var snpshot = {
    'Head':'', 
    'Subhead':'',
    'Date':'',
    'Url':'',
};

这是存储在 onLoad 事件中的代码，因此在浏览器启动时构建菜单：

似乎不起作用的部分是 rclickItem.appendChild(mPopup) - 它正在做“某事”，但弹出的菜单项被添加为空白并缩小，尽管将光标滚动到它上面似乎表明它们仍然存在。

  onLoad: function() {
    var mainPop = document.createElementNS(XUL_NS, "menupopup");
    mainPop.setAttribute('id', 'rclickMenu_MenuPopupContainer');

    //attach it to main rclick object
    var mainRclick = document.getElementById("rclickMenu_Main");
    mainRclick.appendChild(mainPop);

    mainOverlay.createMainRclick(); //THIS WORKS
    //add popups -- AS SOON AS THE POPUPS ARE ADDED THE ENTRIES DISAPPEAR!
    mainOverlay.createPopUpMenus();
},

createMenuItem: function(lblToUse){
    //create the XUL menuitem
    var itemToAdd = document.createElementNS(XUL_NS, "menuitem");
    itemToAdd.setAttribute('label',lblToUse);
    itemToAdd.setAttribute('id','rclickMenu_'+lblToUse);
    return itemToAdd;
},

createMenuPopup: function(idToUse){
    var mPopup = document.createElementNS(XUL_NS, "menupopup");
    mPopup.setAttribute('id','rclickMenuPopup_' + idToUse );
    return mPopup;
},

createMainRclick: function(){
    for (var property in snpshot){
        var mItem = mainOverlay.createMenuItem( property );
        var mainPop = document.getElementById("rclickMenu_MenuPopupContainer");
        mainPop.appendChild(mItem);
    }
},

createPopUpMenus: function(){
    for (var property in snpshot){
        var mPopup = mainOverlay.createMenuPopup( property );

        var rclickItem = document.getElementById("rclickMenu_"+property);
        rclickItem.appendChild(mPopup);
    }
},

和 XUL（这是右键单击时出现的主要弹出窗口，添加了我的菜单项（我在 js 中动态添加到该菜单项）

<menupopup id="contentAreaContextMenu">

    <menu 
     id="rclickMenu_Main" 
     label="Main Section">
    </menu>

</menupopup>

Answer 1

来自文档：

它可以放置在菜单、菜单列表、工具栏按钮或按钮内

。 menuitem> 标签不在该列表中。事实上，您的 标记的父级应该是

标记 - 然后您将获得一个子菜单（请参阅 文档）。 标签始终是单个菜单项。

作为参考，将 添加到 标记时会发生什么：此标记会替换 自动生成的内容。。然而 不是视觉元素，因此您得到的是一个没有任何可见内容的菜单项。