方法：1

Question

我想在我的wordpress模板function-dir.php中添加2个js文件。

如何添加此js文件是否有任何标记？

是否正确使用

功能

wp_register_script( $handle, $src, $deps, $ver, $in_footer );

提前致谢....

Answer 1

使用wp_register_script注册带有句柄的脚本，以避免重复代码（例如，如果您将代码放入多个位置并需要更新文件名）。这通常是不需要的，我通常使用wp_enqueue_script（），它接受相同的参数并将其输出到页面。

我通常通过创建一个设置函数来完成此操作，该函数包含我的所有样式和脚本队列，然后将该函数挂钩到其中一个预制挂钩，如下所示：

function theme_enqueue() {
  /**
   * Scripts.
   */
  wp_enqueue_script('scripts', get_template_directory_uri() . '/js/lib/scripts.pkgd.min.js', array('jquery'), THEME_VERSION);
  wp_enqueue_script('myscript', get_template_directory_uri() . '/js/myscript.js', array('scripts'), THEME_VERSION, TRUE);
  wp_enqueue_script('main-menu', get_template_directory_uri() . '/js/menu.js', array('jquery'), THEME_VERSION, TRUE);
}
add_action('wp_enqueue_scripts','theme_enqueue');

Answer 2

您可以使用wp_enqueue_script;

将以下结构用作插件

function add_custom_js() {
    wp_enqueue_script( 'script_name', get_template_directory_uri() . '/js/custom.js', array(), '1.0', true );
}

add_action( 'wp_enqueue_scripts', 'add_custom_js' );

如果您正在开发插件，可以将此操作添加到插件中。或者你可以把它放到functions.php

Answer 3

wp_register_script()函数用于注册脚本一次，随时随地调用。 wp_enqueue_script()用于在functions.php文件

中调用它

方法：1

// First Register
function register_my_scripts(){
    wp_register_script('handler_1', get_template_directory_uri() . "/js/script_one.js");
    wp_register_script('handler_2', get_template_directory_uri() . "/js/script_two.js");
}
add_action('init', 'register_my_scripts');

现在使用：

function wp24_load_script() {
    // Check if you want to load for
    // specific page
    wp_enqueue_script('handler_1');
}
add_action("wp_enqueue_scirpts", "wp24_load_script");

方法：2

或者您可以使用wp_enqueue_script（）函数直接加载它：

function wp24_load_script() {
    // Check if you want to load for
    // specific page
    wp_enqueue_script('handler_1', get_template_directory_uri() . "/js/script_one.js");
}
add_action("wp_enqueue_scirpts", "wp24_load_script");

如何在wordpress模板中添加javascript？

3 个答案:

方法：1

方法：2