skip to Main Content

Here is the 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/[email protected]/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' );

Have I linked my javascript file correctly ? Am I doing anything wrong ?

2

Answers


  1. you must register first:

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

    and then enqueue:

    wp_enqueue_script( 'app-js' );

    Login or Signup to reply.
  2. You forgot to use "/" before js directory

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

    Also It’s good to use jquery as script dependency. Example

    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 );
    
    Login or Signup to reply.
Please signup or login to give your own answer.
Back To Top
Search