Como faço referência ao jQuery na minha aplicação HTML / JavaScript?

Question

Como faço referência ao jQuery na minha aplicação HTML / JavaScript?

Continuo a ter um erro. Presumo que esteja tudo bem e a funcionar. O meu código JQuery está dentro do meu ficheiro Javascript. Presumo que não seja assim que funciona? Devo ter um ficheiro JQuery?

Tenho isto dentro da cabeça do meu HTML. <script src="http://ajax.googleapis.com/ajax/libs/jquery/2.0.2/jquery.min.js"></script>

Este é o meu ficheiro 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')
    });

Onde é que eu errei?

3

html javascript jquery undefined referenceerror

Author: Carlos Miguel Fernando, 2013-12-05

Source

1 answers

score 10 · Accepted Answer

A tua pergunta não é clara, mas essencialmente, tens de ter a certeza que o jQuery está carregado {[[10]}antes do teu código . Por exemplo:

<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>

Mas Não

<!-- 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>

Anote a ordem das etiquetas.

Estas marcas não precisam de estar no head, e na verdade, colocá-las lá não é a melhor prática. Devem estar em head ou body. A melhor prática, salvo uma razão específica para fazer outra coisa, é colocá-los no fim de body, por exemplo:

<!-- 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>