web-dev-qa-db-fra.com

Comment ajouter JS dans le pied de page

j'ai ajouté du code dans mon footer.php juste avant le mais le code n'est pas exécuté. Je sais qu'il est préférable d'utiliser functions.php mais j'aimerais tester comme ceci pour le moment ... Quelqu'un pourrait-il m'aider s'il vous plaît? Merci

<script type="text/javascript">
   window.onload = function () {  
        jQuery(document).ready(function(){ console.log('insider');
            var alphabeticallyOrderedDivs = $('.team-member').sort(function(a, b) {     
                return  String.prototype.localeCompare.call($(a).data('lastname').toLowerCase(), 
                $(b).data('lastname').toLowerCase()); 
    });
    var container = $('.ulcontainer');
    container.detach().empty().append(alphabeticallyOrderedDivs);
    $('body').append(container);})
   }(jQuery);

</script>
2
Pipoo

En utilisant wp_enqueue_script ()

Vous pouvez ajouter vos scripts à un fichier JS, puis le mettre en file d'attente correctement. Je suppose que vous avez ajouté vos scripts à file.js. Voici comment vous le mettre en file d'attente dans le pied de page:

add_action('wp_enqueue_scripts','my_script_callback');
function my_script_callback(){
    wp_enqueue_script(
        'my-script',
        get_template_directory_uri().'/folder/file.js',
        array(jquery),
        null,
        true
    );
}

Le dernier argument de wp_enqueue_script() détermine si votre script doit être mis en file d'attente dans le pied de page ou non.

Le quatrième argument est facultatif et constitue un tableau de dépendances.

En utilisant wp_footer()

Vous pouvez également imprimer directement vos scripts dans le pied de page, ce qui n’est pas toujours la meilleure idée. Cependant, voici comment vous le faites:

function my_script() { ?>
    <script type="text/javascript">
        // Your code here
    </script><?php
}
add_action( 'wp_footer', 'my_script' );

Pas que vous deviez attendre que jQuery soit prêt avec une telle méthode. Vous pouvez mettre en file d'attente jQuery si ce n'est déjà fait, en utilisant ceci:

add_action( 'wp_head' , 'enqueue_jquery' )
function enqueue_jquery() {
    wp_enqueue_script( 'jquery' );
}
3
Jack Johansson