jQuery无法在WordPress中工作？

Question

I have created a parallex scrolling effect in jquery on a static html/ css website, im now trying to copy this over to a wordpress theme.

This is how i imported the 2 javascript files (jquery-11.1.3.min.js, parallex.js)

add_action( 'wp_enqueue_scripts', 'praid_load_js_files' );
function praid_load_js_files(){
     wp_register_script( 'jquery', get_template_directory_uri() . '/js/jquery-1.11.3.min.js', array('jquery'), '1.11.3', true );
     wp_register_script( 'parallex', get_template_directory_uri() . '/js/parallex.js', array('jquery'), '1.0', true );

     //Adds to every page
     wp_enqueue_script('jquery');
     wp_enqueue_script( 'parallex' );
}

This is what is in my parllex file

  var pContainerHeight = $('.welcoming').height();

$(window).scroll(function(){

  var wScroll = $(this).scrollTop();

  if (wScroll <= pContainerHeight) {

    $('.welcomeText').css({
      'transform' : 'translate(0px, '+ wScroll /2 +'%)'
    });

    $('.welcoming').css({
      'transform' : 'translate(0px, -'+ wScroll /25 +'%)'
    });

  }
});

For some reason this works perfectly fine on a static html/ css page, but when its on word press it doesn't work.

Any help would be appreciated. :)

Answer 1

As @vinayakj suggested in the comments, I wrapped the code in the parralex.js folder with

$(document).ready(function(){ //parralax code here });

And it worked.

PLUS: @HareeshSivasubramanian pointed out that I don't need to add the jquery myself as WordPress bundles it automatically.