Script loading before jQuery

Question

I have a script in my custom meta-boxes and wish to use jQuery, the problem is that the admin page loads my script before it loads jQuery, rendering my script useless, when I inspect the page it looks like this:

jQuery(document).ready(function($) {
  // use $
});

<!DOCTYPE html>

and then the rest of the document loads, with header and all that sweet jazz. Is there anyway I can get my <script>jquery here</script> load AFTER my jQuery gets loaded?

How is it happening? I mean, as long as jQuery is included before your script, it cannot be execute before it. — briosheje
– briosheje, Commented Feb 11, 2016 at 19:10
Im not sure why, Cant find where it puts the jQuery in queue — darrrr
– darrrr, Commented Feb 11, 2016 at 19:16

Elias Rodrigues · Accepted Answer · 2016-02-11 19:13:04Z

1

you have to insert your script into this way:

function load_custom_scripts()
{    
  wp_enqueue_script('custom_script', 'COMPLETE_PATH_TO_YOUR_SCRIPT');
}

do_action ( 'admin_enqueue_scripts', 'load_custom_scripts' );

I suggest you to put all of your custom scripts in a separate JS file and then load to the WP.

answered Feb 11, 2016 at 19:13

Elias Rodrigues

5013 silver badges8 bronze badges

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

Comments

webdeb · Accepted Answer · 2016-02-11 19:08:00Z

0

Right, you cannot use jQuery until it has loaded..

But you can use plain JS:

window.addEventListener('load', function() {
 // $ should be available
}, false);

answered Feb 11, 2016 at 19:08

webdeb

13.3k5 gold badges32 silver badges44 bronze badges

1 Comment

War10ck Over a year ago

The loaded script is outside of the <!DOCTYPE html> element meaning the page rendered contains invalid markup so this would not help...

Collectives™ on Stack Overflow

Script loading before jQuery

2 Answers 2

Comments

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related