Question

我试图使用wp_enqueue_script调用js库。但是我也无法弄清楚我在这里的错误，我想用于插件请告诉我如何使用我的插件目录。

add_action('wp_enqueue_scripts', 'add_custom_script');
function add_custom_script(){
  wp_enqueue_script( 
    'jquery-custom-script',
    get_template_directory_uri().'/js/jquery-custom-script.js'
 );
}

任何人都可以弄清楚我在这里犯了什么错误。

Answer 1

您可以使用plugin_dir_url功能。

示例：

/** * Include CSS file for MyPlugin. */ function myplugin_scripts() { wp_register_script( 'foo-js', plugin_dir_url( __FILE__ ) . 'assets/foo-custom.js' ); wp_enqueue_script( 'foo-js' ); } add_action( 'wp_enqueue_scripts', 'myplugin_scripts' );

如果您传递__FILE__作为获取当前PHP脚本文件路径的参数

Answer 2

如果你想从插件中加载JS，那么让我们在plugins / my-plugin目录中说，代码在plugins / my-plugin里直接运行一个文件，做这样的事情（也是添加了一个显式指定jQuery作为脚本依赖关系的参数：

wp_enqueue_script('jquery-custom-script', plugin_dir_url(__FILE__) . 'js/jquery-custom-script.js', ['jquery']);

Answer 3

在wordpress插件中插入js和css的最佳方法是

首先注册你的文件然后再使用它们。

 // register scripts and style on initialization
add_action('init', 'register_style');
function register_style() {
    wp_register_style( 'style', plugins_url('/css/style.css', __FILE__), false, '1.0.0', 'all');
    wp_register_script( 'scripts', plugins_url('/js/scripts.js', __FILE__));
}

// use the registered scripts and style above
add_action('wp_enqueue_scripts', 'enqueue_style');

function enqueue_style(){
   wp_enqueue_style( 'style' );
   wp_enqueue_script('scripts');
}

Answer 4

做这样的事情：

wp_enqueue_script('custom-js', get_template_directory_uri() . '/custom.js', array('jquery'), null, true);

如何使用wp_enqueue_script加载js？

4 个答案: