javascript - anchor 包裹李在WordPress的滑出菜单

我正在尝试在wordpress中执行以下操作：http://cssdeck.com/labs/3fo47n21，但是我无法使导航用锚标签包裹菜单li：

<nav class="menu-opener">
    <div class="menu-opener-inner"></div>
  </nav>
  <nav class="menu">
    <ul class="menu-inner">
      <a href="#" class="menu-link">
        <li>Accueil</li>
      </a>
      <a href="#" class="menu-link">
        <li>Portfolio</li>
      </a>
      <a href="#" class="menu-link">
        <li>Themes</li>
      </a>
      <a href="#" class="menu-link">
        <li>Templates</li>
      </a>
      <a href="#" class="menu-link">
        <li>Contact</li>
      </a>
    </ul>
</nav>

我得到的只是标题中的内容：

 <nav class="menu-opener">
     <div class="menu-opener-inner"></div>
 </nav>
 <nav id="nav-main" class="menu clearfix" role="navigation">

      <?php

      if (has_nav_menu('primary_navigation')) :

      wp_nav_menu(array('theme_location' => 'primary_navigation', 'menu_class' => 'menu-inner', 'items_wrap' => '<ul id="%1$s" class="%2$s"><a class="menu-link">%3$s</a></ul>'));

      endif;

      ?>

 </nav>

你们是我的不得已，有什么建议吗？

最佳答案

这有帮助吗？

<nav class="menu-opener">
    <div class="menu-opener-inner"></div>
  </nav>
  <nav class="menu">
    <ul class="menu-inner">
      <li><a href="#" class="menu-link">Accueil</a></li>
      <li><a href="#" class="menu-link">Portfolio</a></li>
      <li><a href="#" class="menu-link">Themes</a></li>
      <li><a href="#" class="menu-link">Templates</a></li>
      <li><a href="#" class="menu-link">Contact</a></li>
    </ul>
</nav>

如果要在<a>元素中使用<ul>元素，则需要包装在<li>元素中。实际上，您应该使用<ul>元素将任何内容包装在<li>元素中。

关于javascript - anchor 包裹李在WordPress的滑出菜单，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/28014560/