jquery not loading in WordPress

Question

I have this code...

<?php
    function add_jquery() {
       wp_enqueue_script( 'jquery' );
    }    
    add_action('init', 'add_jquery');
?>

<script type="text/javascript">
    if (typeof jQuery == 'undefined') {  
        alert('jQuery IS NOT loaded')  
    } else {
        alert('jQuery IS loaded')
    }
</script>

<!-- Let's try loading jQuery the WRONG WAY when doing it in WordPress -->
<script type="text/javascript" src="http://code.jquery.com/jquery-latest.min.js" charset="utf-8"></script>

<script type="text/javascript">
    if (typeof jQuery == 'undefined') {  
        alert('jQuery IS NOT loaded')  
    } else {
        alert('jQuery IS loaded')
    }
</script>

The first alert says "jQuery IS NOT loaded" and the second says "jQuery IS loaded". Why does jQuery not load when using the first method?

Answer 1

where is your add_jquery function? It won't work in a wordpress template. it needs to go in functions.php or someplace where it will run before the loop.

Answer 2

its because this line loads jQuery

<script type="text/javascript" src="http://code.jquery.com/jquery-latest.min.js" charset="utf-8"></script>

After this line jQuery is available.

what the notes are saying this is the incorrect way to load jQuery into wordpress. The typical "right" way is to add a call into your header.

Answer 3

If you enqueue something in wordpress - particularly jQuery, you have to enqueue everything. Otherwise your libraries will not have access to jQuery.