How can I load custom jQuery in header of WordPress?

Question

I have a website in WordPress. It's have a site preloader (Queryloader2). But when I go to my site its load first site after then loader. But it should load loader first. If I add it in header part then it works well. I am adding in header below this coded:

See the site here (now queryloader added in footer)

<head>
    <?php wp_head(); ?>
    <script type="text/javascript" src="<?php bloginfo("template_directory"); ?>/js/jqueryloader2.min.js"></script>  
</head>

But when I click on any image then its blank with black color.

Now my code for this site is:

functions.php: (just one functions part)

if (is_home() || is_archive()) {
    wp_enqueue_script( 'sliphover', get_template_directory_uri() . '/js/jquery.sliphover.min.js', array ( 'jquery' ), null , true);
    wp_enqueue_script( 'queryloader2', get_template_directory_uri() . '/js/queryloader2.min.js', array ( 'jquery' ), null , true);
}elseif (is_single()) {
    wp_enqueue_style('fancy-box',  get_template_directory_uri() . '/css/jquery.fancybox.css', '');
    wp_enqueue_script( 'fancybox', get_template_directory_uri() . '/js/jquery.fancybox.js', array ( 'jquery' ), null , true);
    wp_enqueue_script( 'easing', get_template_directory_uri() . '/js/jquery.easing.1.3.js', array ( 'jquery' ), null , true);

My one question is: how can add custom jQuery in header of WordPress site? And it just for a specific page (home).

Thanks in advance.

vrajesh · Accepted Answer · 2016-05-17 05:43:11Z

1

Try This :
Replace false with true. So js file will add in head.

if (is_home() || is_archive()) {
    wp_enqueue_script( 'sliphover', get_template_directory_uri() . '/js/jquery.sliphover.min.js', array ( 'jquery' ), null , false);
    wp_enqueue_script( 'queryloader2', get_template_directory_uri() . '/js/queryloader2.min.js', array ( 'jquery' ), null , false);
}elseif (is_single()) {
    wp_enqueue_style('fancy-box',  get_template_directory_uri() . '/css/jquery.fancybox.css', '');
    wp_enqueue_script( 'fancybox', get_template_directory_uri() . '/js/jquery.fancybox.js', array ( 'jquery' ), null , false);
    wp_enqueue_script( 'easing', get_template_directory_uri() . '/js/jquery.easing.1.3.js', array ( 'jquery' ), null , false);

answered May 17, 2016 at 5:43

vrajesh

2,9423 gold badges28 silver badges40 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

How can I load custom jQuery in header of WordPress?

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related