Wordpress下拉列表CSS不工作
我正在创建我自己的wordpress模板,我已经编写了一个静态工作的jQuery下拉菜单,但现在我正在尝试使其动态化,因为css被弄乱了。下拉菜单可用,但菜单显示不正确 主菜单显示垂直而不是水平,次菜单显示水平而不是垂直。主菜单的橙色类型也没有显示 这是一张工作票 我希望我能彻底解释我自己,如果你需要更多的信息,请告诉我 这是我的wordpress模板代码Wordpress下拉列表CSS不工作,css,wordpress,drop-down-menu,Css,Wordpress,Drop Down Menu,我正在创建我自己的wordpress模板,我已经编写了一个静态工作的jQuery下拉菜单,但现在我正在尝试使其动态化,因为css被弄乱了。下拉菜单可用,但菜单显示不正确 主菜单显示垂直而不是水平,次菜单显示水平而不是垂直。主菜单的橙色类型也没有显示 这是一张工作票 我希望我能彻底解释我自己,如果你需要更多的信息,请告诉我 这是我的wordpress模板代码 <div class="box"> <ul id="ldd_menu" class="ldd_menu">
<div class="box">
<ul id="ldd_menu" class="ldd_menu">
<li>
<span>Menu</span>
<!-- Increases to 510px in width-->
<div class="sub_wrap">
<div class="ldd_submenu">
<nav>
<li class="ldd_heading"></li>
<?php wp_nav_menu(array('menu' => 'main_nav')); ?>
</nav>
<a class="ldd_subfoot" href="#"> Accessibility Link</a>
</div>
</li>
</ul>
</div>
<div></div>
-
菜单
我怀疑您的代码没有处理wp\u nav\u菜单方法的输出格式。现在我不确定你的确切版本,但新版本会像这样发布。因此,您将得到额外的div,这可能是您所不期望的,并且子菜单的输出方式可能不是您所期望的。另外,正如前面的人所说,您的代码不太正确,缺少一些标记
<div class="menu-id-container">
<ul class="nav-menu" id="menu-id">
<li class="..." id=".."><a href="#">LINK</a>
<ul class="sub-menu">
<li><a href="#">Child LINK1</a></li>
</ul>
</li>
<li class="..." id="..."><a href="#">LINK2</a></li>
</ul>
</div>
-
您的子菜单缺少新的
它应该是
您的HTML格式不正确。您的带有类sub\u wrap
的div
未正确关闭。