时间戳

首页 > 解决方案 > 如何使用插件将自定义 javascript 添加到 Wordpress Admin

wordpress - 如何使用插件将自定义 javascript 添加到 Wordpress Admin

问题描述

我正在设置一个带有自定义元框的新 Wordpress 插件。此框包含我存储在数组中的字段集。我希望用户能够通过单击管理页面上的按钮来添加一组新字段。

我阅读了有关如何完成此任务的不同帖子，但我还没有成功。出于测试目的，我在元框中创建了一个真正简单的设置来更改

元素。这也不起作用，所以我认为正确加载脚本是一个问题。

所以到目前为止我所做的： - 通过 admin_enqueue_scripts 添加操作 - 使用 wp_register_script 注册脚本 - 使用 wp_enqueue_script 入队脚本 - 设置 js 文件（为了测试目的，选择将其存储在与插件相同的目录中


function amai_woordjes_scripts() {

wp_register_script( 'amai_woordjes_updaten', 'amai_woordjes_updaten.js', array( 'jquery' ), '1.0', true );

wp_enqueue_script( 'amai_woordjes_updaten' );

}

add_action( 'admin_enqueue_scripts', 'amai_woordjes_scripts' );



//HTML code I use in the function which is called by add_meta_box

echo '<p id="demo">Current text</p>';
echo '<button id="woordje_toevoegen" onclick="woordjesToevoegen();">Woorden toevoegen</button>';


//amai_woordjes_updaten.js
<script>
  function woordjesToevoegen() {
    document.getElementById("demo").innerHTML = "New texxt";
  }
</script>

标签： wordpresswordpress-admin

解决方案

您需要使用函数wp_enque_script()。您使用了不正确的脚本路径。

plugin_dir_path( __DIR__ ) . path/to/script.js

推荐阅读