Problem loading javascript file

[Blenderbox]

Hi, I'm having some problems adding a javascript file to my child-theme.

I have this on my funtions.php file:

function wpsites_register_load_script() {
wp_register_script( 'custom', get_stylesheet_directory_uri() . '/js/custom.js', array( 'jquery' ) );
wp_enqueue_script( 'custom' );
}
add_action( 'wp_enqueue_scripts', 'wpsites_register_load_script' );

And I can see throw the Chrome inspector that the file is loaded correctly, but the function I have on the file is not working.

I just put an alert on my custom.js file:

$(document).ready(function(){
$('.site-inner').click(function () {
alert('Testing js');
});
});

I don't know what i'm doing wrong but I really need help here.

Thank you in advance!

[lauriemrauch]

Howdy!

Replace this code:
$(document).ready(function(){

with this:
jQuery(document).ready(function($){

that should get the rest of the code to play nice.

Hope that helps!

---

CodeDiva | WordPress Theme Development, Theme Customization, Theme Support & WordPress Coaching

[bandj]

Love your site lauriemrauch

[Blenderbox]

Thank you lauriemrauch!

I couldn't see the problem even though I've use the jQuery function many times before.

[Author]

Posts