让 JQuery 在 Wordpress 中显示当前页面的标题答案

【问题标题】：Asking JQuery to Display the Title of the Current Page in Wordpress让 JQuery 在 Wordpress 中显示当前页面的标题
【发布时间】：2013-10-22 14:38:32
【问题描述】：

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

这篇文章似乎有类似的问题，但我似乎无法适应我的情况，因为我是 JQuery 的初学者> (append wordpress post title with jquery)

这是我的代码。我想把<?php the_title(); ?> 之类的东西放在它当前显示菜单的地方，但我知道 PHP 和 JQuery 不会互相交谈。

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

这是我的解决方法，因为我不知道如何让选择器自动调整到菜单中的当前页面，而菜单顶部没有任何“默认”“菜单”或其他选项。如果有人对此有建议，我可以分享更多代码。

感谢您的帮助！

【问题讨论】：

编写然后编写 jQuery 将 hiddenTitle 附加到任何元素 HTML 或值。

标签： jquery wordpress mobile navigation

【解决方案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();
...

【讨论】：