how to create template path for external (include) .js file

by

from my header file i can create template path easily for any .js file:

 <?php $templateDirPath = get_bloginfo( 'template_directory' ) . "https://wordpress.stackexchange.com/";    ?>
<script type="text/javascript" src="<?php echo $templateDirPath; ?>js/scripts.js"></script>

but inside the ‘scripts.js’ file has some include .js files (same directory) like below:

include(‘js/mathUtils.js’);

include(‘js/superfish.js’);

include(‘js/switcher.js’);

include(‘js/jquery.mousewhe

i just want to know is there any way to make template path for those included .js files inside ‘scripts.js’ file ? im newbie in wordpress.

found idea for below code but dnt know how to implement:

<script type="text/javascript">
var templateUrl="<?= get_bloginfo( "template_directory' ) . "https://wordpress.stackexchange.com/"; ?>';
</script>

3 Answers
3

Use wp_enqueue_script(), hooked in via an appropriate action hook callback. 

wp_enqueue_script(
    // Script handle
    'someScript',
    // URL
    get_template_directory_uri() . '/js/someScript.js',
    // Dependencies
    array( 'jquery' ),
    // Version
    '2.4',
    // Output in footer?
    false
);

For example:

function wpse72720_enqueue_scripts() {
    if ( ! is_admin() ) {

        wp_enqueue_script(
            'mathUtils',
            get_template_directory_uri() . '/js/mathUtils.js',
            array(),
            '',
            false
        );

        wp_enqueue_script(
            'superfish',
            get_template_directory_uri() . '/js/superfish.js',
            array( 'jquery' ),
            '',
            false
        );

        wp_enqueue_script(
            'switcher',
            get_template_directory_uri() . '/js/switcher.js',
            array(),
            '',
            false
        );

        wp_enqueue_script(
            'query.mousewhel',
            get_template_directory_uri() . '/js/query.mousewhel.js',
            array( 'jquery' ),
            '',
            false
        );
    }
}
add_action( 'wp_enqueue_scripts', 'wpse72720_enqueue_scripts' );

Leave a Comment