wordpress - 如何在php文件中使用javascript变量[重复]

Question

我是 wordpress 初学者。

在Theme Editor，下面有一个js文件：

const isMenuOpen = false;

function toggleMenu() {
    alert("toggle");
    isMobileMenuOpen = !isMobileMenuOpen;

}

在我的 php 文件中，

<button onclick="toggleMenu()">
  toggle
</button>
<div>My Menu</div> // how can I make it show when isMenuOpen is true?

我想知道如何在我的 php 文件中使用变量 isMenuOpen？

Answer 1

你不能 但， 当您切换它时，将类名添加到正文中，然后通过 CSS 生成它

另外，你不能修改 const 元素

JS

function toggleMenu() {
   document.getElementsByTagName("body")[0].toggle("menu-is-open")
}

HTML

<div class="menu" > Menu </div>

CSS：

body:not(.menu-is-open) .menu{ display:none }