【问题标题】:wordpress ajax menu - move 'active' css tag from <a> to <li>wordpress ajax 菜单 - 将“活动”css 标签从 <a> 移动到 <li>
【发布时间】:2012-12-17 15:26:29
【问题描述】:

需要一些关于 wordpress 中的 ajax 菜单的帮助。 目前,菜单成功在当前菜单项中添加了css类标签'active'。

我需要将其从 &lt;a&gt; 移至父级 &lt;li&gt;...

有什么想法吗?

    <?php 

            $section_number = 0;
            $first_social_type = '';


            echo '<ul class="current-nav0" id="main-navigation" >';
            if( !empty( $gdl_menu_node ) ){

                foreach( $gdl_menu_node->childNodes as $menu_item ){

                    $active = ''; 

                    if( $section_number == 0){
                        $active = " active";
                        $first_social_tye = (find_xml_value($menu_item, 'icon-type') == 'light')? ' light':'';
                    }

                    echo '<li><a href="' . $gdl_is_home_url . '#section-n' . $section_number . '" id="nav-section' . $section_number . '" class="anchor' . $active . $gdl_is_home_class . '" >';
                    echo __(find_xml_value($menu_item, 'menu-name'), 'gdl_front_end');
                    echo '</a></li>';

                    $section_number++;

                }
            }


        ?>

【问题讨论】:

    标签: jquery wordpress menuitem


    【解决方案1】:

    尝试改变这一行:

    echo '<li><a href="' . $gdl_is_home_url . '#section-n' . $section_number . '" id="nav-section' . $section_number . '" class="anchor' . $active . $gdl_is_home_class . '" >';
    

    到:

    echo '<li  class="' . $active . '"><a href="' . $gdl_is_home_url . '#section-n' . $section_number . '" id="nav-section' . $section_number . '" class="anchor' . $gdl_is_home_class . '" >';
    

    【讨论】:

    • 谢谢。我厌倦了这一点,但由于某种原因,它将“活动”类标签添加到主页项目,而不是其他项目。也停留在首页菜单项上,导航时不移除,导航时不添加到其他菜单项中。
    • 如果我可以用 jQuery 来代替,有什么想法吗?我不介意将“活动”类标签留在&lt;a&gt; 中,并使用jquery 在&lt;li&gt; 中添加另一个类标签。
    猜你喜欢
    • 2021-03-31
    • 1970-01-01
    • 2017-06-07
    • 1970-01-01
    • 1970-01-01
    • 2021-08-26
    • 1970-01-01
    • 2014-10-11
    • 1970-01-01
    相关资源
    最近更新 更多