Question

我正在使用Wordpress，我想为我的用户创建一个不错的子菜单。我在浏览网页时遇到了一个不错的子菜单：www.pathe.nl

我如何使用jQuery创建这种菜单，或者是否有现有的Wordpress插件来实现这一目标？

非常感谢任何帮助。

我的菜单风格：

<div class="menu-main-nav-container">
   <ul id="menu-main-nav" class="menu">
      <li id="menu-item-51" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-51">
         <a href="/">Home</a>
       </li>
       <li id="menu-item-50" class="menu-item menu-item-type-post_type menu-item-object-page current-menu-item page_item page-item-23 current_page_item menu-item-50">
           <a href="/locaties/">Locaties</a>
       </li>
       <li id="menu-item-49" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-49">
           <a href="/acties/">Acties</a>
           <ul class="sub-menu" style="display: block;">
              <li id="menu-item-79" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-79">
                 <a href="/tim/">tim</a>
              </li>
           </ul>
        </li>
        <li id="menu-item-48" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-48">
           <a href="/over/">Over</a>
        </li>
        <li id="menu-item-47" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-47">
            <a href="/contact/">Contact</a>
        </li>
        </ul>
</div>

这是我打电话时收到的菜单：

 <?php wp_nav_menu( array('menu' => 'Main Nav') ); ?>

Answer 1

我使用superfish jquery插件创建了一个类似于pathe.nl的菜单。菜单的标记非常适合这个插件。它还支持嵌套的菜单项。

我自己从未使用过Wordpress，但我认为实现插件很简单。您需要添加到页面的唯一内容是

<script> 

    $(document).ready(function(){ 
        $("ul.sf-menu").superfish(); 
    }); 

</script>

子菜单pathe.nl

1 个答案: