JavaScript Uncaught ReferenceError: jQuery ist nicht definiert. Nicht erfasster ReferenceError: $ ist nicht definiert [duplizieren]

Question

Jul 25, 2014, 03:27 AM

JavaScript Uncaught ReferenceError: jQuery ist nicht definiert. Nicht erfasster ReferenceError: $ ist nicht definiert [duplizieren]

Diese Frage hat hier bereits eine Antwort:

Uncaught ReferenceError: $ ist nicht definiert? 36 answers

Das ist meine Geige,http: //jsfiddle.net/4vaxE/35

Es funktioniert gut in meiner Geige.

Wenn ich es jedoch auf Dreamweaver übertrage, kann es nicht funktionieren. Und ich habe diese beiden Fehler in meiner Codierung gefunden.

Uncaught ReferenceError: jQuery ist nicht definiertuncaught referenceerror $ ist nicht definiert

Ich hatte vor dem Artikel zu diesen beiden Fehlern gelesen und versucht, sie nach der angegebenen Methode zu lösen, es funktioniert jedoch immer noch nicht. Wie kann ich das beheben?

Hier ist meine vollständige Codierung in Dreamweaver

<body>
    <div class="buttons" style="background-color: rgba(0,0,0,.8);">
    <a class="button" id="showdiv1">Div 1</a>
    <a class="button" id="showdiv2">Div 2</a>
    <a class="button" id="showdiv3">Div 3</a>
    <a class="button" id="showdiv4">Div 4</a>
    </div>

    <div id="div1">1</div>
    <div id="div2">2</div>
    <div id="div3">3</div>
    <div id="div4">4</div>
</div>
<script language="JavaScript" type="text/javascript" script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.10.0/jquery-ui.min.js"></script>

<script language="JavaScript" type="text/javascript">
var selectedEffect="explode";
var options = { percent: 100 };
$('#showdiv1').click(function () {
    $('div[id^=div]').hide();

    $('#div1').show( selectedEffect, options, 500, callback );
});
$('#showdiv2').click(function () {
    $('div[id^=div]').hide();
    $('#div2').show( selectedEffect, options, 500, callback );
});

$('#showdiv3').click(function () {
    $('div[id^=div]').hide();
    $('#div3').show( selectedEffect, options, 500, callback );
});

$('#showdiv4').click(function () {
    $('div[id^=div]').hide();
    $('#div4').show( selectedEffect, options, 500, callback );
});

function callback() {
      setTimeout(function() {
        $( "#effect:visible" ).removeAttr( "style" ).fadeOut();
      }, 1000 );
    };
</script>
</body>
</html>

CSS

<style type="text/css">

.button {
    cursor:pointer;
    display:inline-block;
    margin:10px;
    clip: rect(auto,auto,auto,auto);
}

#div1 {
    background:aqua;
    padding:20px;
    width:100px;
    text-align:center;
    display:none;
}
#div2 {
    background:blue;
    padding:20px;
    width:100px;
    text-align:center;
    display:none;
}
#div3 {
    background:orange;
    padding:20px;
    width:100px;
    text-align:center;
    display:none;
}

#div4 {
    background:green;
    padding:20px;
    width:100px;
    text-align:center;
    display:none;
}
a {
    color:aqua;
    -webkit-filter: grayscale(1.0);
}
a:hover {
    color:red;
    -webkit-filter: grayscale(0.0);
}
</style>