Question

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

这篇文章似乎有类似的问题，但我似乎无法适应我的情况，因为我是JQuery的初学者＆gt; （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 );

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

感谢您的帮助！

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();
...

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

1 个答案: