WordPress JavaScript

Posted 2023-05-09

【中文标题】WordPress JavaScript

【英文标题】：

【发布时间】：2021-08-04 14:31:27

【问题描述】：

我正在尝试在 WordPress 管理员自定义帖子的“发布 Metabox”中实现自定义选项。我想知道是否有任何本地方式来展开/折叠 div（查看下面的屏幕截图）。

我想知道 WordPress 本身是如何像下面的截图那样实现它的？ （也许与引导 JS 库之类的 ID 相匹配？）。

【参考方案1】：

我想知道是否有任何本地方式来展开/折叠 div。

有。 Wordpress 在管理端使用jQuery 库来处理交互元素。在这种情况下，它只是使用了一个简单的切换效果。

显示或隐藏匹配的元素。

来源@https://api.jquery.com/toggle/

$( "button" ).click(function() 
  $( "p" ).toggle();
);

<script src="https://code.jquery.com/jquery-3.5.0.js"></script>
<button>Toggle</button>
<p style="display:none;">Good Bye</p>

【讨论】：

好的，谢谢。我已经找到了。当我发现我想知道为什么 WP 不遵循 DRY 原则并通过选择具有 ID 的元素一次又一次地重复相同的切换命令时。他们本可以用类名做得更好。 ?‍♂️

请记住，即使是 10 年前的 WordPress 也需要支持过去的版本。持久性是以灵活性为代价的。