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];
      }

    }

结束

相关推荐

Primary and secondary menus

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