Articles

Comment corriger l’erreur jQuery « Uncaught TypeError: is n’est pas une fonction » de WordPress?

by admin

Comme vous l’avez peut-être remarqué lors du développement de WordPress, il est parfois très difficile de comprendre comment mettre en file d’attente le script correctement?

Dois-je simplement ajouter un script en bas de page en pied de page? Dois-je ajouter un script dans le header du site WordPress? Eh bien, il existe certaines normes établies par le framework WordPress que tout le monde devrait suivre.

Dans ce tutoriel, nous allons voir comment mettre en file d’attente le script Typed.min.js de la bonne manière à votre thème WordPress et corriger l’erreur jQuery Uncaught TypeError: $ is not a function.

Ce tutoriel vous aidera si vous avez l’une des questions ci-dessous:

  • Comment Ajouter correctement des JavaScripts et des Styles dans WordPress
  • Comment mettre en file d’attente des Scripts et des Styles dans WordPress?
  • Chargement de CSS et JavaScript Dans WordPress de la Bonne Façon

Comprenons d’abord le scénario:

Pour mon autre site Premium, je voulais utiliser Typed.min.js avec les options de mise en file d’attente WordPress correctes.

En travaillant sur la configuration de l’effet ci-dessus, j’ai trouvé une erreur étrange que je n’avais jamais rencontrée auparavant. Jetez un œil à cette erreur ci-dessous:

L’erreur ci-dessus s’est produite avant la mauvaise façon d’inclure jQuery sur mon site.

Avant d’utiliser le code ci-dessous dans le pied de page manuellement:

Mauvaise façon d’inclure jQuery

1
2
3
4
5
6
7
8
9
10
11
12
13
< script src= »https://code.jquery.com/jquery-1.12.4.min.js »></script>
<script src= »https://pro.crunchify.com/typed.min.js » type= »text/javascript »></script>
<script>
$(function(){
$(« .element »).typed({
strings: ,
typeSpeed:100,
backDelay:3000,
loop:true
});
});
</script>

After – Right way to enqueue script in functions.php

Bonne façon de mettre en file d’attente le script dans le thème WordPress

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
fonction typed_script_init() {
wp_enqueue_script( ‘typedJS’, ‘https://pro.crunchify.com/typed.min.js’, array(‘jquery’) );
}
add_action(‘wp_enqueue_scripts’, ‘typed_script_init’);
function typed_init() {
echo ‘<script>
jQuery(function($){
$(« .element »).typed({
strings: ,
typeSpeed:100,
backDelay:1000,
loop:true
});
});</script>’;
}
add_action(‘wp_footer’, ‘typed_init’);

Il y a deux choses dans le code ci-dessus:

  1. Tout d’abord, nous utilisons wp_enqueue_script qui a le 3ème paramètre pour utiliser jQuery chargé avec WordPress. Il n’est pas nécessaire d’ajouter jQuery manuellement 🙂. C’est LA bonne façon de mettre en file d’attente le script dans wordpress.
  2. Nous avons également changé la fonction $(function(){ en jQuery(function($){ afin de corriger l’erreur Uncaught TypeError: $ is not a function.

J’espère que cela vous aidera à corriger et à mettre en file d’attente l’erreur jQuery sur votre site.

Selon la suggestion du commentateur Jaikangam, voici quelques options supplémentaires pour corriger cette erreur:

Si vous avez un fichier crunchify.js alors une autre option consiste à démarrer le fichier avec comme ceci.

Option-1)

1
2
3
4
5
6
(function($){
$(document).ready(function(){
// write code here
});

Option-2)

1
2
3
4
5
6
jQuery(document).ready(function(){
// write code here
});
})(jQuery);

Bonne blogging.