web-dev-qa-db-fra.com

WP Le fichier script .js ne se charge pas

J'ai regardé partout et je n'ai pas trouvé de solution à mon problème.

J'ai un thème enfant dans lequel j'ai un fichier functions.php dans lequel j'essaie de m'inscrire et de mettre le script en file d'attente de la manière suivante:

function wpb_adding_scripts() {
  wp_register_script('my_scripts', get_stylesheet_directory_uri('js/scripts.js', __FILE__), array('jquery'),'1.1', true);
  wp_enqueue_script('my_scripts');
}
add_action( 'wp_enqueue_scripts', 'wpb_adding_scripts' );

Et voici le script que j'essaye de charger:

$(document).ready(function(){
  alert("test");
})

Je me suis assuré d'avoir un dossier "js" dans mon répertoire enfant où se trouve mon script.js.

Mais pour une raison quelconque, cela ne fonctionne pas pour moi.

Quelqu'un a une idée?

Merci d'avance pour toute aide.

child-themewp-enqueue-scriptwp-register-script
1
Serge Inácio

Selon le codex, get_stylesheet_directory_uri() n'inclut pas de barre oblique finale. Donc, vous voudrez peut-être l'utiliser de la manière suivante:

function wpb_adding_scripts() {
  wp_register_script('my_scripts', get_stylesheet_directory_uri().'/js/scripts.js', array('jquery'),'1.1', true);
  wp_enqueue_script('my_scripts');
}
add_action( 'wp_enqueue_scripts', 'wpb_adding_scripts' );

METTRE À JOUR

Si vous souhaitez utiliser jQuery dans vos scripts, vous devez le faire de l’une des manières suivantes:

  1. Utilisez jQuery au lieu de $ pour éviter les conflits
  2. Créez une fonction d'invocation automatique et transmettez-lui $.

Jetez un oeil à cet exemple:

(function($){
    $(document).ready(function(){
      alert("test");
    })
})(jQuery);
3
Jack Johansson