La liaison script.js et html5

Ainsi Ive été en passant par certaines codeacademy trucs sur l'HTML/CSS et Jquery.

D'avoir un peu de mal à essayer d'obtenir mon code pour le travail à l'extérieur, sur ma machine locale.

Voici mon code HTML

<!DOCTYPE html>
<html>
    <head>
        <title>Krypton Redux</title>
        <link rel='stylesheet' type='text/css' href='stylesheet.css'/>
        <script type='text/javascript' src='script.js'></script>
        <script src="http://code.jquery.com/jquery-1.9.1.js"></script>
        <script src="http://code.jquery.com/ui/1.10.3/jquery-ui.js"></script>    </head>

    <body>

        <div></div>
        <div style = "margin:10"></div>
        <div></div>
    </body>
</html>

voici mon jQuery

$(document).ready(function(){
    $('div').draggable();
});

Quand j'écris le jQuery, le code directement dans mon fichier HTML, puis l'ouvrir dans google Chrome, ça fonctionne.
Cependant, quand le faire dans un .js fichiers, j'obtiens une erreur en disant que '$' n'est pas reconnu. Quelqu'un a une idée pourquoi?

  • Êtes-vous y compris votre fichier JS avant ou après la bibliothèque jQuery?
InformationsquelleAutor Robert Lemiesz | 2013-06-04
  1. 3

    La $ est le jQuery alias. Si vous utilisez le $ dans votre script, jQuery doit être défini avant votre script. C'est une solution simple. Réorganiser votre script liens comme ceci:

    <!-- Load jQuery first -->
<script src="http://code.jquery.com/jquery-1.9.1.js"></script>

<!-- Since you use jQuery UI in your script as well, load it second. -->
<!-- Note however that jQuery Core must be included before UI because it's a dependency -->
<script src="http://code.jquery.com/ui/1.10.3/jquery-ui.js"></script>

<!-- Finally, load your script -->
<script type='text/javascript' src='script.js'></script>

    Espère que cette aide.

    • Merci beaucoup. C'était une jolie faute d'inattention. Je suppose que le fichier HTML serait de charger tout d'abord avant tout script est exceuted
    • Haha. Pas de soucis mon pote. Il arrive aux meilleurs d'elle. Ma compréhension, et j'ai encore peut-être tort sur ce point, que chaque fichier de script est analysé complètement à droite après qu'il est téléchargé, avant de continuer à la prochaine. Ceci le site a beaucoup de "meilleures pratiques" des conseils.
    InformationsquelleAutor War10ck
  2. 3

    Ajouter le script.js ci-dessous la jQuery script.

    <link rel='stylesheet' type='text/css' href='stylesheet.css'/>
<script src="http://code.jquery.com/jquery-1.9.1.js"></script>
<script src="http://code.jquery.com/ui/1.10.3/jquery-ui.js"></script>
<script type='text/javascript' src='script.js'></script>
    InformationsquelleAutor Kevin Kulla