Comment dois-je faire référence jQuery à partir de mon code HTML/JavaScript de l'application?

Je reçois Uncaught ReferenceError: $ is not defined erreur.
Je suppose que tout est ok et de travail. Mon code JQuery est à l'intérieur de mon fichier Javascript. Je suppose que ce n'est pas comment il fonctionne? Je devrais avoir un fichier JQuery?

J'ai présent à l'intérieur de la tête de mon code HTML
<script src="http://ajax.googleapis.com/ajax/libs/jquery/2.0.2/jquery.min.js"></script>

C'est mon fichier Javascript:

function typing(id, sentence){
var result = $.Deferred();
    var index=0;
    var intObject= setInterval(function() {
        document.getElementById(id).innerHTML+=sentence[index]; 
        index++;
        if(index==sentence.length){
            clearInterval(intObject);
        }
    }, 100);
    return result.promise();
}

var sleep = function(ms) {
    var result = $.Deferred();
    setTimeout(result.resolve, ms);
    return result.promise();
};

typing('container','Subject Name:').then(function() {
      return sleep(500);
    }).then(function() {
      return typing('container',' Carlos Miguel Fernando')
    });

Où ai-je fait de mal?

"Mon JQuery est à l'intérieur de mon Javascript, je suppose que c'est la façon dont il fonctionne." Hein?
Merci de poster votre code html, afin de voir où vous avez ajouté une référence à jquery. Merci

OriginalL'auteur Carlos Miguel Fernando | 2013-12-05

  1. 10

    Votre question est assez claire, mais essentiellement, vous avez juste à vous assurer que jQuery est chargé avant votre code. Ainsi, par exemple:

    <script src="http://ajax.googleapis.com/ajax/libs/jquery/2.0.2/jquery.min.js"></script>
<script src="your-code.js"></script>

    ou

    <script src="http://ajax.googleapis.com/ajax/libs/jquery/2.0.2/jquery.min.js"></script>
<script>
//Your code
</script>

    Mais pas

    <!-- Not like this -->
<script src="your-code.js"></script>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/2.0.2/jquery.min.js"></script>

    Noter que l'ordre des balises.

    Ces balises n'ont pas besoin d'être dans le head, et en fait, en mettant eux, il y a pas de meilleure pratique. Ils doivent être en head ou body. Les meilleures pratiques à moins d'une bonne raison de faire quelque chose d'autre est de les mettre à la fin de body, par exemple:

    <!-- site content here -->
<script src="http://ajax.googleapis.com/ajax/libs/jquery/2.0.2/jquery.min.js"></script>
<script src="your-code.js"></script>
</body>
</html>
    Tant de peine pour une chose si simple! Merci beaucoup, j'ai totalement oublié celui-là. Acceptera la réponse dès que je peux 🙂
    LOL! Heureux qui m'ont aidé.

    OriginalL'auteur T.J. Crowder