Javascripts behindern sich. Brauche bitte Hilfe

  • Hallo ihr lieben,



    ich habe ein Problem mit 2 jQuery-Javascripts.
    Einmal habe ich die jQuery-Colorbox in meine Homepage eingebaut und einmal wollte ich eine jQuery-Sidebar einbauen.
    Das hat auch soweit funktioniert. Mein Problem ist nur, wenn ich das Script für die jQuery-Sidebar einbaue in den <head></head> - Bereich, dann funktioniert die jQuery-Colorbox nichtmehr.



    Ich habe leider auch nicht viel Ahnung von der Programmierung mit Javascript, also kann mir das auch nicht selber umschreiben.. :( Ich kann lediglich nur ein bisschen HTML und CSS.



    Ich poste euch mal die Codes für die beiden Scripte ( ich habe auch schon herausgefunden, welche Scripte sich gegenseitig behindern)



    jQuery-Colorbox:



    HTML
    1. <!-- ColorBox -->
    2. <link href="/colorbox/colorbox.css" rel="stylesheet" type="text/css" />
    3. <script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js">
    4. </script><script type="text/javascript" src="http://feuerwehr-maerkisch-buchholz.de/colorbox/jquery.colorbox-min.js"></script>



    jQuery-Sidebar:



    HTML
    1. <!-- Sidebar Menu -->
    2. <link rel="stylesheet" type="text/css" href="/sidebar/css/dark-glass/sidebar.css" />
    3. <script type="text/javascript" src="http://feuerwehr-maerkisch-buchholz.de/sidebar/src/jquery.min.js">
    4. </script><script type="text/javascript" src="http://code.jquery.com/ui/1.8.13/jquery-ui.min.js">
    5. </script><script type="text/javascript" src="http://feuerwehr-maerkisch-buchholz.de/sidebar/src/jquery.sidebar.js"></script>



    Folgende Scripte behindern sich:



    HTML
    1. <script type="text/javascript" src="http://feuerwehr-maerkisch-buchholz.de/sidebar/src/jquery.min.js"></script> <!-- Sidebar Script -->
    2. <script type="text/javascript" src="http://feuerwehr-maerkisch-buchholz.de/colorbox/jquery.colorbox-min.js"></script> <!-- Colorbox Script -->





    Link zur Homepage:Freiwillige Feuerwehr Märkisch Buchholz





    Ich habe auch schon probiert, die Scripte in eine andere Reihenfolge im <head></head> - Bereich zu stellen, das hatte schonmal funktioniert... aber diesmal leider nicht :(



    Kann mir bei diesem Problem jemand helfen?





    Lieben Gruß



    BerndBerndsen

  • Du bindest jQuery doppelt ein:


    HTML
    1. <script type="text/javascript" src="/jquery/jquery-min.js"></script>
    2. <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js" ></script><!-- Socialshareprivacy -->


    Nimm nur eines davon, am besten das aktuellste. Wenn irgendein Plugin dann mit der Version nicht funktioniert, schau nach, ob es von dem Plugin eine aktuellere Version gibt die mit der jQuery-Version kompatibel ist. Wenn es das nicht gibt, such nach Alternativen.