I have three Javascript script that I need to load –
imagesLoaded.js
lazyload-1.8.4.js
- and
cd.js
cd.js
contains my functions that use imagesLoaded.js
and lazyload-1.8.4.js
.
Do load them altogether or separately?
function add_my_script() {
wp_enqueue_script(
'imagesLoaded',
get_template_directory_uri() . '/js/imagesLoaded.js',
array('jquery'),
'lazyload',
get_template_directory_uri() . '/js/lazyload-1.8.4.js',
array('jquery'),
'cd',
get_template_directory_uri() . '/js/cd.js',
array('jquery')
);
}
add_action( 'wp_enqueue_scripts', 'add_my_script' );
Code that Worked
add_action( 'wp_enqueue_scripts', 'add_my_script' );
function add_my_script() {
wp_register_script('imagesLoaded',get_template_directory_uri() . '/js/imagesLoaded.js', array('jquery'),true);
wp_register_script('lazyload',get_template_directory_uri() . '/js/lazyload-1.8.4.js', array('jquery'),true);
wp_register_script('cd',get_template_directory_uri() . '/js/cd.js', array('jquery','imagesLoaded','lazyload'),true);
wp_enqueue_script('imagesLoaded');
wp_enqueue_script('lazyload');
wp_enqueue_script('cd');
}