Question

我想在wordpress主题中添加多个外部javascript文件，我找到了添加一个文件的代码，但我需要添加更多的javascript文件。我该怎么办？

function wpTan_scripts() {
   wp_register_script('app', '/js/app.js', false);
   wp_enqueue_script( 'app' );
}
add_action('wp_enqueue_scripts', 'wpTan_scripts');

Answer 1

您可以根据需要添加脚本。

function themeslug_enqueue_script() {
    wp_enqueue_script( 'jquery-v-2', 'http://code.jquery.com/jquery-2.1.3.min.js', false );
    wp_enqueue_script( 'mycustomJs', 'file_name.js', false );
    // here you can enqueue more js / css files 
}

add_action( 'wp_enqueue_scripts', 'themeslug_enqueue_script' );

Answer 2

要更方便地将外部javascript文件添加到WordPress而没有任何问题，可以将此代码添加到functions.php文件中：

如果您使用的是子主题：

 function theme_styles() {
    // Load custom jQuery
    wp_enqueue_script( 'my-jquery', get_stylesheet_directory_uri( ) . '/my-jquery.js', array('jquery'));
 } add_action( 'wp_enqueue_scripts', 'theme_styles' );

主要主题：

function theme_styles() {
    // Load custom jQuery
    wp_enqueue_script( 'my-jquery', get_template_directory_uri() . '/my-jquery.js', array('jquery'));
 } add_action( 'wp_enqueue_scripts', 'theme_styles' );

在wordpress中添加外部javascript文件

2 个答案: