TypeError: 'undefined' n'est pas une fonction (évaluation de '$ (document)')

Question

1. J'utilise un site WordPress.
2. J'inclus ce script dans l'en-tête.

Lorsque le script est chargé, je reçois cette erreur:

 TypeError: 'undefined' is not a function (evaluating '$(document)')
 

Je n'ai aucune idée de ce qui le cause ou de ce que cela signifie.

En firebug, j'obtiens ceci: $ is not a function

Answer 1

Wordpress utilise jQuery dans noConflict mode par défaut. Vous avez besoin de faire référence à l'aide d' jQuery le nom de la variable, pas $, par exemple l'utilisation

jQuery(document);

au lieu de

$(document);

Vous pouvez facilement conclure à une auto de l'exécution de la fonction, de sorte que $ fait référence à jQuery (et évite de polluer l'espace de noms global), par exemple

(function ($) {
   $(document);
}(jQuery));

Answer 2

http://api.jquery.com/jQuery.noConflict/ cette url a fait des merveilles pour moi

 var example=jQuery.noConflict();
example(function(){
example('div#rift_connect').click(function(){
    example('span#resultado').text("Hello, dude!");
    });
});
 

c'est-à-dire en supposant que vous avez inclus jquery dans votre code HTML

 <script language="javascript" type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>
 

Answer 3

Utilisez ceci:

 var $ =jQuery.noConflict();
 

Answer 4

Essayez cet extrait:

 jQuery(function($) {
  // Your code.
})
 

Cela a fonctionné pour moi, peut-être que cela vous aidera aussi.

Answer 5

Vérifiez également l'inclusion de jQuery, suivie de certains composants / autres bibliothèques (comme l'interface utilisateur jQuery), puis en incluant à nouveau accidentellement jQuery - cela redéfinira jQuery et supprimera les aides de composant (comme .datepicker) de l'instance.