要求JQuery在Wordpress中显示当前页面的标题

Question

我的响应式Wordpress主题中有一个移动下拉菜单/选择器菜单，我希望默认显示的选项始终是当前页面标题。 我已经找到了更改默认文本（当前为“菜单”）的位置，但是我不知道如何使它成为当前页面标题。

这篇文章似乎有一个类似的问题，但是我似乎无法使其适应我的情况，因为我是JQuery的初学者>（ 用jquery附加wordpress文章标题 ）

这是我的代码。 我想输入<?php the_title(); ?> <?php the_title(); ?>当前显示菜单，但我知道PHP和JQuery不会互相交谈。

    $nav_params = array(
    'text' => __('Menu','wpex'),
);
wp_localize_script( 'wpex-responsive', 'responsiveLocalize', $nav_params );

。

这是我的解决方法，因为我无法弄清楚如何在菜单顶部没有任何“默认”“菜单”或其他选项的情况下自动将选择器调整到菜单中的当前页面。 如果有人对此提出建议，我可以共享更多代码。

谢谢您的帮助！

Answer 1

文章标题位于某些标题元素中，对吗？

var myTitle = $('h1.myHeadingClass').text();

$nav_params = array(
    'text' => __(myTitle,'wpex'),
);
wp_localize_script( 'wpex-responsive', 'responsiveLocalize', $nav_params );

如果由于某种原因这不是一个选择，请按照建议的其他答案进行操作，然后将标题放在隐藏的元素中，以便以后使用：

<div id="myTitle" style="position: absolute; left: -999em;" aria-hidden="true">
    <?php the_title(); ?>
</div>

var myTitle = $('#myTitle').text();
...