為什么我的 javascript 不能在 wordpress 中工作（我是否以正確的方式鏈接它）

Question

這是function.php

/**
 * Enqueue scripts and styles.
 */
function maxprofessional_scripts() {
    wp_enqueue_style( 'maxprofessional-style', get_stylesheet_uri(), array(), _S_VERSION );
    wp_enqueue_style( 'maxprofessional-main', get_template_directory_uri() . '/css/main.css' );
    wp_enqueue_script( 'maxprofessional-javascript', get_template_directory_uri() . 'js/app.js' );
    wp_enqueue_style( 'bootstrap-icons', 'https://cdn.jsdelivr.net/npm/bootstrap-icons@1.5.0/font/bootstrap-icons.css' );


    wp_style_add_data( 'maxprofessional-style', 'rtl', 'replace' );

    wp_enqueue_script( 'maxprofessional-navigation', get_template_directory_uri() . '/js/navigation.js', array(), _S_VERSION, true );

    if ( is_singular() && comments_open() && get_option( 'thread_comments' ) ) {
        wp_enqueue_script( 'comment-reply' );
    }
}
add_action( 'wp_enqueue_scripts', 'maxprofessional_scripts' );

我是否正確鏈接了我的 javascript 文件？ 我做錯了什么嗎？

Answer 1

您必須先注冊：

wp_register_script('app-js', get_template_directory_uri() . '/js/app.js', false, '1.0', true);

然后入隊：

wp_enqueue_script( 'app-js' );

Answer 2

你忘記在js目錄前使用“/”

 wp_enqueue_script( 'maxprofessional-javascript', get_template_directory_uri() . '/js/app.js' );

使用 jquery 作為腳本依賴也很好。 例子

wp_enqueue_style( 'space-style', SPACE_CSS . '/master.css', null, SPACE_VERSION );

wp_enqueue_script( 'space-swiper-script', SPACE_JS  . '/swiper.min.js', ['jquery'], SPACE_VERSION, true );