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

Je suis sur un site WordPress.
Je suis, y compris ce script dans l'en-tête.

Lorsque le script charge, j'obtiens cette erreur:

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

Je n'ai aucune idée de ce qui est à l'origine ou ce qu'il signifie.

Dans firebug, j'obtiens ceci:

$ n'est pas une fonction

Assurez-vous que vous êtes, y compris la bibliothèque jQuery avant votre script personnalisé, et qu'il n'y a pas d'erreurs dans le Net onglet de Firebug (assurez-vous que jQuery est chargé).
... oui, bien sûr, jQuery est en cours de chargement avant de la main. Je suis sûr que c'est un WordPress enque question.

InformationsquelleAutor dcolumbus | 2011-11-02

jquery wordpress

239

WordPress utilise jQuery dans noConflict mode par défaut. Vous avez besoin de référence à l'aide de 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 ainsi), par exemple
```
(function ($) {
   $(document);
}(jQuery));
```
- Le script n'est pas nécessaire; vous pouvez les appeler jQuery(document) au lieu de $(document) où vous le souhaitez. Si vous voulez utiliser $ au lieu de cela, alors le script ci-dessus crée simplement une fonction qui prend un argument $ puis l'exécute en passant jQuery; en bref, à l'intérieur de la fonction, $ points de jQuery que vous attendez.
- En fait, ce que j'ai fait a ma place normale $(document).ready(function() { // code }); en place de votre $(document); ... qui a travaillé comme un charme.
- Oui, c'est ce que je suggère - "à l'intérieur de la fonction, $ points de jQuery que vous attendez".
- Une autre façon est !function( $ ) { //code }( fenêtre.jQuery )
- Eh bien, il ne vous économiser quelques caractères de cette façon 🙂 Plus de détails à propos de l' !function(){}() forme d'auto-instruction en cours d'exécution.
- Je sais que c'est vieux @ElYobo, mais je pense que tu pourrais éditer ton post et ajouter votre exemple de votre premier commentaire dans la réponse comme un second exemple. Merci à vous pour me sauver du temps =)
- indéfini n'est pas une fonction peut aussi être causée par l'inclusion de jQuery plus d'une fois
- Pour ceux qui utilisent Jenzabar, c'est la solution que vous cherchez ainsi.
InformationsquelleAutor El Yobo

Utilisation de jQuery noConflict. Il fait des merveilles pour moi

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

Qui est, en supposant que vous avez inclus jQuery sur votre HTML

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

InformationsquelleAutor Leno Britto

15

Utiliser ceci:
```
var $ =jQuery.noConflict();
```
InformationsquelleAutor Suman Biswas
11

Essayez de cet extrait:
```
jQuery(function($) {
  //Your code.
})
```
Cela a fonctionné pour moi, peut-être que ça vous aidera aussi.

InformationsquelleAutor Gurpreet Dhanoa
11

J'ai eu ce problème uniquement sur Chrome.

J'ai essayé d'ajouter
```
var $ =jQuery.noConflict();
```
juste avant l'appel de
```
$(document).ready(function () {
```
Il a travaillé.

Merci beaucoup
- Merci pour celui-ci. Je savais que je pouvais résoudre le problème à l'aide de "jQuery" au lieu de"$", mais mon problème était que les voyages Komodo edit lorsqu'il est écrit de cette façon si j'avais à choisir entre la réception du code de l'affinage/d'achèvement $ ou avoir mon JavaScript fonctionnent réellement. Cette méthode permettez-moi d'avoir les deux.
InformationsquelleAutor Le_Dhul
6

Également vérifier pour l'inclusion de jQuery, suivi de quelques composants et d'autres bibliothèques (comme jQuery UI) puis accidentellement y compris jQuery de nouveau - ce qui va redéfinir jQuery et déposer le composant aides (comme .datepicker) au large de l'instance.

InformationsquelleAutor agrath
4
```
 ;(function($){
        //your code
    })(jQuery);
```
Placer votre code js à l'intérieur de la fermeture ci-dessus , il faut résoudre le problème.

InformationsquelleAutor Bikram Shrestha
4

Je voudrais utiliser ce
```
(function ($) {
   $(document);
}(jQuery));
```
- veuillez utiliser 4-espace de retrait pour les blocs de code
InformationsquelleAutor JoT
2

J'ai également été confrontés à des problèmes beaucoup de temps dans le développement web du transporteur. Fait ce n'est pas JS conflit, Lorsque nous charger de site html au navigateur, nous ne sommes pas confrontés à ces erreurs, mais quand on les charge ce type de site web par le biais de localhost nous sommes confrontés à un tel problème. C'est à cause de localhost. Lorsque nous charger des scripts via le localhost de l'analyse de l'script et rend la sortie. Mais quand nous n'avons pas utiliser localhost. Il suffit de scanner la sortie. Exemple, lorsque nous écrivons le code php putside le localhost et exécuter sans l'hôte nous obtenons l'erreur. Mais si le code est correct, et est géré par l'hôte nous obtenons de sortie réelle, et lorsque nous utilisons inspecter l'élément nous obtenons le code de sortie au format HTMl, mais pas en format PHP c'est parce que de la prestation du code.

C'est le rendu d'erreur. Pour fixer ces jquery code d'erreur de l'un de la solution peut être d'utiliser cette méthode.
```
jQuery(document).ready(function($){
/******** Body of Jquery Code*****/
});
```
Ce que ce code n'est s'inscrire " $ " comme la varible à la fonction par l'application de jquery. D'autre par défaut .js fichier est en lecture uniquement en javascript.

InformationsquelleAutor Rajan Lama
1

J'ai rencontré ce problème lors de l'inclusion de jQuery dans mon en-tête de page, ne réalisant pas l'hôte était déjà, y compris dans la page automatiquement. De chargement de votre page live et vérifiez la source pour voir si jQuery est liée.

InformationsquelleAutor FrostyL
1

Deux choses:
1. Assurez-vous que vous avez bibliothèque jQuery ajouté, avant votre $(document).
2. Alors il suffit de changer tous les "$" avec: jQuery , comme les commentaires précédents.
InformationsquelleAutor Jorge Alejandro Inturias
1

envelopper tout le script entre cette...
```
<script>
    $.noConflict();
    jQuery( document ).ready(function( $ ) {
      //Code that uses jQuery's $ can follow here.
    });
</script>
```
Beaucoup de bibliothèques JavaScript utiliser $ comme une fonction ou un nom de variable, tout comme le fait jQuery. JQuery dans le cas d'espèce, $ n'est qu'un alias pour jQuery, toutes les fonctions sont disponibles sans l'aide de $. Si vous avez besoin d'utiliser une autre librairie JavaScript côté de jQuery, de contrôle de retour de dollars en arrière à l'autre de la bibliothèque avec un appel à $.noConflict(). Anciennes références de $ sont enregistrés lors de jQuery initialisation; noConflict (), il suffit de les restaure.

InformationsquelleAutor Jitendra Damor
1

Vous pouvez utiliser jQuery et $ dans l'extrait de code ci-dessous. il a travaillé pour moi
```
jQuery( document ).ready(function( $ ) {
  //jQuery(document)
  //$(document)
});
```
InformationsquelleAutor Kalpesh Prajapati
1

Vous pouvez passer $ dans la fonction()
```
jQuery(document).ready(function($){

//jQuery code is in here

});
```
ou vous pouvez remplacer $(document); avec cette jQuery(document);

ou vous pouvez utiliser jQuery.noConflict()
```
var jq=jQuery.noConflict();
jq(document).ready(function(){  
  jq('selector').show();
});
```
InformationsquelleAutor Ganesh

Vous devez vous connecter pour publier un commentaire.