• Jetzt anmelden. Es dauert nur 2 Minuten und ist kostenlos!

Jquery anfänger hilfestellung

Hallo !

bin grade am lernen von jquery, nun wollte ich mein erstes snipped "live" testen, aber es funktioniert nicht...


html
Code:
<!doctype html>
<html>
    <head>
        <link rel="stylesheet" type="text/css" href="style.css" />
        <script type="text/javascript" src="script.js"></script>
    </head>
    <body>
        <div></div>
    </body>
</html>


css
Code:
div {
    width: 100px;
    height: 40px;
    text-align: center;
    line-height: 40px;
    background: #882244;
    border: 1px solid #000;
    opacity: 0.5;
}

script.js
Code:
$(document).ready(function() {
    $('div').mouseenter(function() {
        $('div').fadeTo('fast', 0.5);
    });
});
 
"Funktioniert nicht" gibt es nicht.

Was sagt die Konsole?
Hast du den Eventhandler mal mit einem alert() oder console.log gestest?
Hast du es mit mouseover() versucht?
 
naja ich komme von Learn to code | Codecademy und hab dort die 1. jquery lession gemacht, dort habe ich eben die functionen usw schreiben müssen und das resultat bekommen,

ich hab nun genau den code nochmal geschrieben, aber so passiert nichts

was soll ich mit console.log ausgeben?
 
Wenn Du den Code genau so hast, wie Du ihn gepostet hast, kann nichts passieren, weil das div, das animiert werden soll, leer ist:
Code:
<div></div>
Du musst einen Text zwischen die beiden Tags einfügen, oder ein Bild mit dem img-Tag:
Code:
<div>Dein Text<img src="deinbild.jpg"></div>
 
Die Anweisung console.log('irgendwas') verwendet man zum debuggen.

Aber falls das dort oben dein gesamter Code ist, kann ich mir denken, woran es liegt. Wenn du in die JS-Konsole von Firebug schaust, dürftest du eine Fehlermeldung mit "is not a function" erhalten, und der Grund liegt darin, dass du die jQuery-Bibliothek nicht eingebunden hast.
 
Die Anweisung console.log('irgendwas') verwendet man zum debuggen.

Aber falls das dort oben dein gesamter Code ist, kann ich mir denken, woran es liegt. Wenn du in die JS-Konsole von Firebug schaust, dürftest du eine Fehlermeldung mit "is not a function" erhalten, und der Grund liegt darin, dass du die jQuery-Bibliothek nicht eingebunden hast.

genau diese meldung bekomm ich auch... wie binde ich die denn ein ?
 
Zurück
Oben