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>
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' );