javascript - JavaScript Dropdown Nav 的问题

Question

我正在使用我在谷歌搜索后找到的 JavaScript 下拉导航菜单，我已经设法按照我想要的方式设置它的样式。但是，在验证我的网站后，我收到了 ul 标签的错误(错误:元素 ul 不允许作为元素 ul 的子元素在此上下文中.(抑制来自该子树的更多错误。))。我不仅收到此错误，而且导航也无法正常工作。我已经尝试了 ul 和 li 标签的不同变体，并移动了一些东西，但我仍然无法让它正常工作。

<div class="nav">
<ul id="menu" class="menu">
    <li><a href="#">One</a>
        <ul>

    <li class="submenu">
        <a href="#">One</a>
    <ul>
        <li><a href="#">One</a></li>
        <li><a href="#">Two</a></li>
        <li><a href="#">Three</a></li>
    </ul>
            </li>

    <li class="submenu">
        <li><a href="#">Two</a></li>
            <ul>
                <li><a href="#">One</a></li>
                <li><a href="#">Two</a></li>
                <li><a href="#">Three</a></li>
            </ul>   
        </ul>
    </li>

    <li><a href="#">Two</a>
        <ul> 
    <li class="submenu"><a href="#">One</a></li>
    <li class="submenu"><li><a href="#">Deny</a></li>
                <ul>
                    <li class="noborder"><a href="#">One</a></li>
                    <li><a href="#">Two</a></li>
                    <li><a href="#">Three</a></li>
                </ul> 
        </ul>
    </li>

    <li><a href="#">Three</a>
        <ul>

    <li class="submenu">
        <a href="#">One</a>
            </li> 
        </ul>
    </li>

    <li><a href="#">Four</a>
        <ul>

    <li class="submenu">
        <a href="#">One</a>
            </li> 
        </ul>
    </li>
</ul>

Answer 1

我不确定这是不是您的 java 脚本代码的问题。但是这些html标签的写法不匹配也可能导致这类问题。请再次检查打开和关闭标签，确保它们的位置正确。当我查看您的 html 代码时，我发现标签中有些不匹配。一个是-您的 FIRST 菜单项 Two 写在两个 li/li 标签之间。但是您的第一个 One 菜单项不在这些 li/li 标签之间。