Jquery 如何将不同的菜单样式应用于首页？

我想知道如何在我使用fullpage.js的WordPress网站上获得第二个菜单链接

我有一个定制的助行器，菜单由主播链接到幻灯片。我想知道如何改变幻灯片菜单上的样式，这样头版就有自己的样式了

地点：

循环：

<?php

if (($locations = get_nav_menu_locations()) && $locations['slides'] ) {

    $menu = wp_get_nav_menu_object( $locations['slides'] );
    $menu_items = wp_get_nav_menu_items($menu->term_id);
    $pageID = array();

    foreach($menu_items as $item) {
        if($item->object == 'page')
        $pageID[] = $item->object_id;

    }
    query_posts( array( 'post_type' => 'page','post__in' => $pageID, 'posts_per_page' =>      
    count($pageID), 'orderby' => 'post__in' ) );

}


while(have_posts() ) : the_post();

?> 


<!--     <div id="<?php echo $post->post_name;?>" class="section"> -->

<div id="pageSlide-<?php echo $post->post_name;?>" class="section" data-anchor="<?php echo $post->post_name;?>">

---

使用wordpress body类

在主页上，body标签将有一个home类，如so

因此，在主页上，按如下方式选择菜单：

.home .your-menu-selector

---

使用wordpress主体类

在主页上，body标签将有一个home类，如so

因此，在主页上，按如下方式选择菜单：

.home .your-menu-selector

---

如果您只想为第一部分应用不同的样式（不是幻灯片，幻灯片是水平的），您可能希望使用插件回调，例如

afterLoad

或

onLeave

比如：

$.fn.fullpage({
    slidesColor: ['red', 'blue'],
    afterLoad: function (anchorLink, index) {
        //if it is not in the 1st section, we apply sectionMenu class
        if (index !=1 ) {
            $('.demo').addClass('sectionMenu');
        }

        //otherwise, we remove it
        else{
            $('.demo').removeClass('sectionMenu');
        }
    }
});

---

如果您只想为第一部分应用不同的样式（不是幻灯片，幻灯片是水平的），您可能需要使用插件回调，例如

afterLoad

或

onLeave

比如：

$.fn.fullpage({
    slidesColor: ['red', 'blue'],
    afterLoad: function (anchorLink, index) {
        //if it is not in the 1st section, we apply sectionMenu class
        if (index !=1 ) {
            $('.demo').addClass('sectionMenu');
        }

        //otherwise, we remove it
        else{
            $('.demo').removeClass('sectionMenu');
        }
    }
});

---

感谢您的回复，但感谢我使用的脚本，它不起作用。这是我想应用于幻灯片课堂的标题部分，但它不起作用。谢谢。谢谢你的回复，但感谢我使用的脚本，它不起作用。这是我想应用于幻灯片课堂的标题部分，但它不起作用。谢谢，非常感谢阿尔瓦罗！真是太棒了！最后一个任务是找出如何将幻灯片添加到循环中，那么脚本就完美了！再次感谢！编辑：我确实弄明白了，编辑了我的回答，对不起，是的。

demo

元素应该是您的菜单。非常有用，干杯！如果您启用了css3:true，那么您需要指定一个固定的元素使其工作（像这样），这让我困惑了一秒钟！非常感谢阿尔瓦罗！真是太棒了！最后一个任务是找出如何将幻灯片添加到循环中，那么脚本就完美了！再次感谢！编辑：我确实弄明白了，编辑了我的回答，对不起，是的。

demo

元素应该是您的菜单。非常有用，干杯！如果您启用了css3:true，那么您需要指定一个固定的元素使其工作（像这样），这让我困惑了一秒钟！