在下拉菜单顶部显示所选子页面的标题（wordpress）

Question

我在为客户构建的页面上有一个下拉菜单（使用 Wordpress）。下拉菜单的标题是“菜单”，它没有链接到任何地方，它只是在悬停时显示下拉菜单项。

当您选择一个子页面时，有没有办法在起始页上显示“菜单”的活动页面的标题？例如，在第 1 页上它会说第 1 页而不是菜单。

我四处寻找选项，但到目前为止还没有找到任何令人满意的东西。

菜单代码：

<nav class="x-nav-wrap desktop" role="navigation">
    <ul id="menu-primary-menu" class="x-nav">
        <li id="menu-item-36" class="menu-item menu-item-type-custom menu-item-object-custom current-menu-ancestor current-menu-parent menu-item-has-children menu-item-36"> <a href="#">
    <span>MENU</span></a>

            <ul class="sub-menu">
                <li id="menu-item-42" class="menu-item menu-item-type-post_type menu-item-object-page current-menu-item page_item page-item-37 current_page_item menu-item-42"> <a href="http://test.frankochrakel.se/?page_id=37"><span>Page 1</span></a>
                </li>
                <li id="menu-item-41" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-41"> <a href="http://test.frankochrakel.se/?page_id=39"><span>Page 2</span></a>
                </li>
            </ul>
        </li>
    </ul>
</nav>

http://test.frankochrakel.se/

我很感激任何关于如何解决这个问题的想法。

Answer 1

尝试将此 jquery 添加到您的 header.php 文件中。

header.php 中的 Jquery

$(document).ready(function(){
    var get_current_menu_item = $('.sub-menu .current-menu-item span').text();
    if(get_current_menu_item)
        $('#menu-item-36 > a span').text(get_current_menu_item);
});

*如果这不起作用，请将 '$' 替换为 'jQuery' 并重试。