Javascript，当 body_class() = 登录时更改内部 html

Question

尝试为 WordPress 安装编写一些 Javascript。

我的标题中有这个:

<div id="loginWarningRed">
You Must
<a href="#/?edit-account">Log In</a>
To See Pricing
</div>

然后

.logged-in #loginWarningRed {display:none;}

它工作正常，但我想编写一些 Javascript 来欢迎用户登录。

类似于:

if (jQuery('body').hasClass('logged-in')) {
  document.getElementById(loginWarningRed);innerHTML = "Welcome %USER%";
}

但是，当我将此代码片段放入自定义 js 文本区域时，没有任何反应。我在控制台中没有看到错误消息。

此外，根据记录，我已将 css 更改为 /*.logged-in {display:none;}*/。

Answer 1

为此，您不应使用 JavaScript，而应使用 PHP，编辑包含 <div id="loginWarningRed"> 的 header 模板。 :

<div id="loginWarningRed">

    <?php if( is_user_logged_in() ): $current_user = wp_get_current_user(); ?>

        Welcome <?php echo $current_user->user_login; ?>

    <?php else: ?>

        You Must
        <a href="#/?edit-account">Log In</a>
        To See Pricing

    <?php endif; ?>

</div>