Set menu item class into body

时间：2013-10-10 作者：Chameron

我为菜单项设置了css类。

我想获得当前菜单项的css类，并将其设置为body标记。

我该怎么办？

2 个回复

SO网友:Imperative Ideas

你是在倒退。您要做的是使用jQuery测试当前菜单类的存在，然后查看该项是否具有指定的类。如果是这样，则将CSS添加到正文中。

<script type="text/javascript">
    jQuery(document).ready(function($) {
        if($(\'li.current-menu-item\').hasClass(\'your_custom_class\')) {
            $(\'body\').css(\'background-color\', \'orange\');
        }
    });
</script>

正在整合我的评论。。。您可能希望缓存选择器，然后再循环几次。

<script type="text/javascript">
    jQuery(document).ready(function($) {
        var menuitem = $(\'li.current-menu-item\');
        if (menuitem.hasClass(\'your_custom_class\')) {
            $(\'body\').css({
                \'background-color\': \'orange\',
                \'background-image\': \'url(http://someurl.com/thatimage.jpg\'
            });
        }
        else if(menuitem.hasClass(\'your_custom_class\')) {
            $(\'body\').css({
                \'background-color\': \'orange\',
                \'background-image\': \'url(http://someurl.com/thatimage.jpg\'
            });
        }
    });
</script>

SO网友:dipali

\'wp_get_nav_menu_items\' 通过使用此功能，您可以获得菜单项&；与之关联的页面/帖子。

以下是示例

custom\\u menu\\u slug是菜单的slug。（主题位置）

 $menu_name = \'custom_menu_slug\';
    $menu = wp_get_nav_menu_object( \'custom_menu_slug\' ); // get Menu ID from menu slug
    $menu_items = wp_get_nav_menu_items($menu->term_id); // $menu->term_id=Menu Id
    foreach ( (array) $menu_items as $key => $menu_item ) {
      if($menu_item->object_id==current_page_id){ // Your current page id 
      echo  $class = $menu_item->classes[0];
      }

    }

结束

标签： menus 小码农

Primary and secondary menus

我试图使主菜单上的每个选项卡都链接到次菜单，这样实际上，每个主选项卡都会指向次菜单中的一组选项卡，而不是保持静态。我希望你能帮助我，我不是一个高级WP用户，所以可以使用简单的术语。更新我已经添加了代码，但它已经显示在我的网页和仪表板上，所以我一定是弄错了，所以我将其粘贴在下面，以便您可以看到。我不知道如何找到主弹头，但我想这是我在主弹头上添加的内容。function km_dynamic_secondary_menu_reg() { global $km_nav_menus;

小码农CODE

Set menu item class into body

相关推荐

Primary and secondary menus