JQuery und Colorbox geladen, aber "Colorbox ist keine Funktion"

Question

Dec 29, 2013, 08:02 PM

JQuery und Colorbox geladen, aber "Colorbox ist keine Funktion"

Ich habe überprüft, ob sowohl jQuery als auch das Colorbox-Skript geladen sind und beide korrekt geladen wurden (ich habe .getScript verwendet, um zu überprüfen, ob die Colorbox korrekt geladen wurde und ich ein positives Ergebnis erhalte). Die Funktion lädt jedoch keine Colorbox und Firebug sagt "$ (...). Colorbox ist keine Funktion". Der Code hat funktioniert, aber ich bin mir nicht sicher, was ich getan habe, um ihn zu knacken. Hier ist der Header:

<!DOCTYPE html>
<head>
<link rel="stylesheet" href="colorbox.css"/>
<script src="Scripts/jquery.colorbox.js"></script>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.4/jquery.min.js"></script>
<script src="Scripts/scripts.js"></script>
<script>

$(document).ready(function(){
    $(".popup").colorbox({transition: "elastic", opacity: 0.5, speed: 350});
    var panels = $('.accordionButton > .accordionContent').hide();
    $("div.accordionButton").click(function(){
        panels.slideUp();           
        $(this).parent().next().slideDown();
        return false
    });

});
</script>
</head>

Ich habe mehrmals überprüft, ob sich das Skript im richtigen Verzeichnis befindet. Hier ist der Link:

<div id='supermenu'><table><tr><td><a href='login.php?lang=en' class='popup'>Login</a></td><td> or </td><td><a href='register.php?lang=en'> Register </a></tr></td></table></div>

Zu kommentieren