Très précieuse information qui me sauve des heures de recherche : ICI et reproduit ci-dessous :

Si vous utilisez jQuery avec WordPress, et que vous êtes sur cette page, c’est probablement que vous avez cette erreur :

$ is not defined

Et pourquoi ? Parce que vous utilisez le sélecteur raccourcis de jQuery : $() :

$(document).ready(function(){
	$('body').fadeOut();
});

 

En fait, la fonction $() n’est qu’un alias de la fonction jQuery(). Du coup si vous utilisez ce code, vous n’aurrez aucune erreur :

jQuery(document).ready(function(){
	jQuery('body').fadeOut();
});

Si le sélecteur $ ne marche pas, c’est parce que WordPress active par défaut le modeNo Conflict de jQuery. Dans ce mode, la fonction $ n’est pas crée par jQuery.

En effet, beaucoup d’autres bibliothèques javascript utilisent cette fonction comme sélecteur, alors pour éviter la baston entre jQuery et Mootools et autre Scripaculous/Dojo…

Mais heureusement, MrSchnaps connait le moyen de pouvoir utiliser $ dans WordPress, il suffit de passer en paramétre le nom du raccourcis que vous voulez utiliser en guise de raccourcis :

jQuery(document).ready(function($){
	$('body').fadeOut();
});