如何在插件中对脚本进行排队

Question

我需要在插件中使用JavaScript (JQuery)。入队不应该在主题的function.php中。想象一下，告诉您的用户“请在您的functions.php等中添加这一行代码……”

/plugins/foo/foo-plugin.php：

<?php
/**
 * Plugin Name: Foo Plugin
 * Plugin URI: foobar.com
 * Description: ___DEV___
 * Version: 1.0.0
 */

if ( ! defined( 'ABSPATH' ) ) exit;

function Foo_Plugin() {
    return Foo_Plugin::instance();
} // End Foo_Plugin()

add_action( 'plugins_loaded', 'Foo_Plugin' );

/**
 * Load Scrips
 */
function enqueue_js() {
    // JS
  wp_enqueue_script( 'foo', './assets/js/foo.js', false );
}

add_action('wp_enqueue_scripts', 'enqueue_js');

[...]

我跟踪了这，但我没有得到我的输出：

//foo.js:
$(document).ready(function(){
  console.log("foo is ready")
})

我已经关闭/重新激活插件，什么也没有。如何在我的插件中使用JS/CSS？如您所见，这是我第一次创建一个;)

通往联合来文的道路：

/plugins/foo-plugin/assets/js/foo.js

Answer 1

在管理部分，使用admin_enqueue_scripts动作钩子。

function enqueue_js() {
  wp_enqueue_script( 'foo', './assets/js/foo.js');
}

add_action('admin_enqueue_scripts', 'enqueue_js');

还有，不要把那个false放在里面。如果不存在依赖项，则默认值应为空数组。