Question

我正在尝试创建一个由jQuery格式化的菜单。一级项目的外观和功能是正确的，但是后续级别没有正确格式化为鼠标悬停显示的子菜单。相反，它只是出现，并没有突出显示项目，因为一级项目用鼠标悬停或悬停（我的代码中都没有出现任何功能）。

HTML CODE

    <div style="width: 25%">
        <ul id="menu">
            <li><a href="#">Item 1</a></li>
            <li><a href="#">Item 2</a></li>
            <li><a href="#">Item 3</a>
                <ul>
                    <li><a href="#">Item 3-1</a></li>
                    <li><a href="#">Item 3-2</a></li>
                    <li><a href="#">Item 3-3</a></li>
                    <li><a href="#">Item 3-4</a></li>
                    <li><a href="#">Item 3-5</a></li>
                </ul>
            </li>
            <li><a href="#">Item 4</a></li>
            <li><a href="#">Item 5</a></li>
        </ul>
    </div>

jQuery或JavaScript

$(document).ready(function() {
    $('#menu').menu({menus: "div"});
});

JS Fiddle

Answer 1

我明白了。只需在JavaScript中删除第6行中的以下内容：

{menus: div}

jQuery .menu（）不会自动创建子菜单

1 个答案: