多級下拉上下文菜單

Question

我正在為 jQuery 制作一個上下文（右鍵單擊）菜單插件，它適用於第一級。 但我需要它有無限的層次。 我已經有遞歸了，但我認為這是顯示/隱藏的問題。 到目前為止，這是我的代碼： http://jsfiddle.net/H7GqA/4/ （對不起，代碼混亂，我自己的插件）。 二級項目永遠不會出現，我不確定我做錯了什么。

在此先感謝 - 坦納。

Answer 1

您在.submenu元素上有display:none並且您什么也不做來顯示它們。

如果您希望它們始終打開，請添加以下規則

#ContextMenu .submenu {
    display:block;
}

如果你想在他們父母的 hover 上做

對於現代瀏覽器

#ContextMenu .item:hover > .submenu {
    display:block;
}

---

我看到你有這個代碼

    cm.find(".item:has(.submenu)").hover(function(){
        //$(this).find("ul").css('display', 'block');
        //alert('blabla_1');
        $(this).css('background-color', 'red');
    });

應該可以工作（如果您取消注釋第一行）並將該代碼移動到doMain function 中。 因為您當前擁有它的#ContextMenu元素尚不存在..所以綁定不會發生..