Question

我在为客户端构建的页面上有一个下拉菜单（使用Wordpress）。下拉菜单的标题是＆＃34;菜单＆＃34;并且它不会链接到任何地方，它只会在悬停时显示下拉菜单项。

当您选择子页面时，是否有办法显示活动页面的标题，其中显示了＆＃34;菜单＆＃34;在首页？例如，在第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

尝试在header.php文件中添加此jquery。

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'，然后重试。

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

1 个答案:

header.php中的Jquery