jQuery funktioniert im Klammereditor nicht

Question

Apr 03, 2014, 06:12 AM

jQuery funktioniert im Klammereditor nicht

Also, hallo. Ich habe alles versucht, was ich weiß und nicht weiß, und ich kann es einfach nicht zum Laufen bringen. Ja, ich habe ein Skript-Tag in meinem HTML-Skelett.

<script src="http://code.jquery.com/jquery-latest.min.js" type="text/javascript"></script>

Ich habe auch versucht, es herunterzuladen und dann meinem HTML-Skelett als Skript-Tag hinzuzufügen. Nichts funktioniert. Ich schreibe mein Javascript / meine jquery in eine andere Datei.js, die natürlich auch mit meinem HTML-Code verknüpft ist.

Ich benutze den Brackets-Editor. Ich konnte im Web nichts finden ... und ich bin mir ziemlich sicher, dass das Problem darin besteht, dass das jQuery-Verzeichnis aus irgendeinem Grund nicht mit meinen anderen .js-Dateien verknüpft ist, da ich bei der Eingabe meines Javascript direkt in ein Inside tippe meine html datei funktioniert es.

Was muss ich für alle Benutzer des Klammereditors tun? :(

Vollständiger HTML-Code:

    <!DOCTYPE html>
<html>
    <head>
        <title>One Piece Website</title>
        <meta charset="utf-8" />
        <link rel="stylesheet" type="text/css" href="stylesheet.css">
        <script src="jquery.js" type="text/javascript"></script>
        <script src="javascript.js" type="text/javascript"></script>
    </head>
    <body>
        <div id="banner"></div>
        <div id="wrapper">
            <header>
                <div id="logo"></div>
                <div id="navbar"></div>
                <div id="slider">
                    <img src="imgs/slider-arrow.png" id="leftarrow" />
                    <h1>Novidades</h1>
                    <h2>Mantenha-se sempre informado.</h2>
                    <h3>
                        <a href="">SIT ELIT PELLENTESQUE</a>
                    </h3>
                    <p>
                        Ipsum et praesent elit accumsan pellentesque elit varius elit tellus tellus curabitur. Varius sollicitudin tortor velit faucibus varius vestibulum in praesent sit accumsan at mauris lacinia diam sollicitudin iaculis. In ad adipiscing adipiscing adipiscing nulla consectetur ac amet.
                    </p>
                </div>
            </header>
        </div>
        <script type="text/javascript" src="http://code.jquery.com/jquery-latest.min.js"></script>
    </body>
</html>

JS:

$(document).ready(function() {
$('#slider').mouseenter(function() {
    $('#leftarrow').css('display', 'block');
    $('#rightarrow').css('display', 'block');
    $('#leftarrow').animate({left: '-30px'}, 'slow');
});
$('#slider').mouseleave(function() {
    $('#leftarrow').delay(50000).css('display', 'none');
});

});