Question

我希望在导航中添加javascript鼠标悬停状态，以便只在父级处于活动状态时显示子级。我

我相信这是javascript：

 <?php wp_nav_menu( array('container' => '', 'container_class' => '', 'menu_class' => '', 'menu_id' => 'menuhead', 'sort_column' => 'menu_order', 'theme_location' => 'primary' ) ); ?>

任何帮助都会很棒。

网站：http://svadsi.info/

Answer 1

这有点毛茸茸不是吗？

显然没有人在这里阅读实际问题。

问题是：我在wordpress中哪里可以找到可以编辑菜单的文件？

不要告诉我该怎么做。那么，在哪里可以找到构成Wordpress默认菜单的实际代码？

在我的版本中，代码位于：nav-menu-template.php

Answer 2

您发布的代码是PHP，而不是JavaScript。

为什么不使用不显眼的事件处理程序来实现这一点？

无需触及WordPress糟糕的代码：P

更新

以下是一些要查看它的代码。如果您对某些内容不确定，请将该关键字与javascript一起使用。

我非常确定WordPress使用jQuery。

$(function() {

   $('#menu > li').hover(function() {
       $(this).find('ul').show();
   }, function() {
       $(this).find('ul')hide();
   };

});

此外，了解没有库的JavaScript将有助于您进行调试和一般编码。

此代码与jQuery类似。

window.onload = function() {
    var menu = document.getElementById('menu');

    var children = menu.childNodes;

    for (var i = 0, childrenLength = children.length; i < childrenLength; i++) {

       if (children[i].nodeType === 3) {
           continue;    
       }

       var subMenu = children[i].getElementsByTagName('ul')[0];

       children[i].onmouseover = function() {
           console.log('d');
           subMenu.style.display = 'block';
       }

       children[i].onmouseout = function() {
           subMenu.style.display = 'none';
       }

    }

}

See it on jsFiddle

或者，如果您正确设置了HTML，则只需使用CSS即可。

#menu li ul {
   display: none;
}

#menu li:hover ul {
   display: block;
}

Answer 3

您希望子页面链接仅在显示父页面时显示？

您是否看过该功能的文档？ http://codex.wordpress.org/Function_Reference/wp_nav_menu

关于使用WP3菜单的教程： http://justintadlock.com/archives/2010/06/01/goodbye-headaches-hello-menus

Answer 4

现在可能有所不同，但是当我设计wordpress时，所有导航都在header.php文件中。

我在哪里可以找到wordpress中的文件，我可以编辑菜单？

4 个答案:

更新