TypeError: $(...).tooltip is not a function

ceux qui utilisent jquery on tous eu ce message d'erreur "$(...).tooltip is not a function"

Il y a deux grandes catégories pour résoudre cette erreur et malheureusement plein de petites mais beaucoup plus rares !

Message dans la log jQuery.Deferred exception: $(...).tooltip is not a function

En plus de l'erreur qui vous ennui on a souvent ce warning : jQuery.Deferred exception: $(...).tooltip is not a function

Pour vérifier si vous êtes dans cette situation il faut consulter la console d'erreur (souvent sur votre navigateur internet F12).

Si vous avez ce message il faut vérifier que le script jquery est déclaré en premier ! Puis si vous utiliser bootstrap (sur Joomla notamment), il vous faut déclarer le script bootstrap juste après jquery.

Et enfin vos autres scripts ...

Problème de conflit entre deux scripts JQUERY

Première étape, vérifier que jquery n'est pas présent plusieurs fois dans votre site internet !

Ensuite si ce n'est pas le cas, vous recherchez les ").tooltip" dans votre site et vous verrez surement une déclaration comme ceci :

<script>

$('.maclasse').tooltip()

</script>

Vous la modifier comme cela, il s'agit de dire en très gros que $ devant un ordre est bien du jquery

<script>

jQuery( document ).ready(function( $ ) {

   $('.hasTooltip').tooltip();

});

</script>

Mais comme je vous l'ai dit il y a des variantes et chaque site heureusement est unique, mais tout de même si rien ne marche vous avez le dernier recours, le no conflict jquery avant les ordres ou scripts qui posent problèmes :

<script>

$.noConflict();

 

</script>

TypeError: $(...).tooltip is not a function
Note sur 5 Pour 5 votes