javascript - wordpress如何将javascript添加到wp-admin

Question

我很难完成一项简单的任务，但似乎找不到答案。

我需要js在wp-adminawordpress和woocommerce.

为此，我有以下代码functions.php：

function my_enqueue() {
    wp_enqueue_script('chcol01', plugin_dir_url(__FILE__) . '/aldisjs/admChangeColorScr.js');
}
    
add_action( 'admin_enqueue_scripts', 'my_enqueue' );

我有这个代码admChangeColorScr.js位于plugins/aldisjs：

function chcol(){
    alert("now what?");
}

当我重新加载时，我所期望的是页面上的警报通知，wp-admin但它没有发生。

我做错了什么？？

Answer 1

首先，您已经chcol在 javascript 文件中定义了该函数，但您从未调用/使用过它！

代码中的第二点，当您尝试将 js 文件注入管理员（或 wordpress 上的任何其他页面）时，首先检查您是否真的在该页面上。虽然，admin_enqueue_scripts动作钩子应该为您解决问题。

例如，在您的情况下，首先检查您是否真的在管理面板上，然后注入/排队您的 js 文件！仔细检查永远不会伤害！

function my_enqueue() {
  if(is_admin()){ // if it returns true 
    // Then run wp_enqueue_script() function!
  }
}

add_action( 'admin_enqueue_scripts', 'my_enqueue' );