Verknüpfen script.js und html5

So Ive schon durch einige der codeacademy Zeug auf HTML/CSS und Jquery.

Mit ein bisschen Mühe versucht mein code, um draußen zu arbeiten auf meinem lokalen Rechner.

Hier ist mein 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>

hier mein jQuery

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

Wenn ich schreiben Sie den jQuery-code, der direkt in meine HTML-Datei, öffnen Sie es in Chrome funktioniert es.
Jedoch, wenn Sie es zu tun in einem .js-Datei erhalte ich eine Fehlermeldung, dass '$' wird nicht erkannt. Jemand eine Idee warum?

  • Sind Sie einschließlich Ihre JS-Datei vor oder nach der jQuery-Bibliothek?
InformationsquelleAutor Robert Lemiesz | 2013-06-04
  1. 3

    Den $ ist die jQuery-alias. Wenn Sie die $ in deinem script, jQuery definiert werden muss, bevor das Skript. Es ist eine einfache Lösung. Ordnen Sie Ihre Skript-hyperlinks in etwa so:

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

    Hoffe, das hilft.

    • Vielen Dank. Das war eine ziemlich unvorsichtige Fehler. Ich nahm an, dass die HTML-Datei laden würde erstmal alles vor jedes Skript ist exceuted
    • Haha. Keine Sorge Kumpel. Es passiert den besten von ihm. Mein Verständnis, und ich konnte immer noch falsch sein, auf diese, wie, dass jedes Skript-Datei wird geparst und völlig zu Recht, nachdem es heruntergeladen ist, bevor Sie fortfahren auf die nächste. Dieser Website hat eine Menge von "best practices" - Tipps.
    InformationsquelleAutor War10ck
  2. 3

    Fügen Sie die script.js unterhalb der jQuery Skript.

    <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
Schreibe einen Kommentar