JavaScript Konflikt

[JsWorld]

Hallo zusammen

Folgendes Problem: Ich habe eine Seite mit diversen eingebundenen *.js Files, nun will ich ein weiteres hinzufügen. Dieses kollidiert jedoch enorm.

<script type="text/javascript" src="js/jquery-1.6.js"></script>
<script type="text/javascript" src="js/script.js"></script>
<script type="text/javascript" src="js/content_switch.js"></script>
<script type="text/javascript" src="js/bgStretch.js"></script>
<script type="text/javascript" src="js/jquery.color.js"></script>
<script src="js/js-image-slider.js" type="text/javascript"></script>

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.4/jquery.min.js"></script>

das jquery.min.js möchte ich noch hinzufügen. Weiss jemand warum dies so extreme Konflikte auslöst und wie ich dies umgehen bzw. lösen kann? Ich brauche dieses für den Before-After-Image Slider.

 

[Parantatatam]

Vermutlich kollidiert es deshalb so stark, weil Du bereits jQuery 1.6 in der ersten Zeile eingebunden hast. Entweder entscheidest Du Dich für eine Version (was ich Dir empfehlen würde) oder Du nutzt jQuerys noConflict-Methode und speicherst eine der beiden Versionen in einer anderern Variablen als $.

 

[JsWorld]

Kannst du mir sagen wie ich diese noConflict-Methode genau implementiere?
Nur die Anpassungen im <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.4/jquery.min.js"> ($ ersetzen mit jQuery) reicht ja nicht oder?

 

[Parantatatam]

Ich frage mich gerade wieder, warum manche Menschen nicht kompetent genug sind, einfach nach dem zu suchen, was man ihnen schon vor die Füße geworfen hat: http://api.jquery.com/jQuery.noConflict/

Nebenbei: Wenn Du keine dringenden Gründe hast, dann solltest Du einen der folgenden Pfade nehmen:

<!-- jQuery 1.* -->
<script type="application/javascript" src="https://code.jquery.com/jquery-1.11.0.min.js"></script>

<!-- jQuery 2.0 -->
<script type="application/javascript" src="https://code.jquery.com/jquery-2.0.3.min.js"></script>

 

[JsWorld]

Diese Seite habe ich auch schon gesehen, habs aber nicht hingekriegt. Aber danke für deine Hilfe!

 

[Parantatatam]

Es ist eigentlich recht einfach:

<script type="application/javascript" src="js/jquery-1.6.js"></script>
<script type="application/javascript">
  jQuery16 = jQuery.noConflict( true );
</script>
<script type="application/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.4/jquery.min.js"></script>
<script type="application/javascript">
  jQuery144 = jQuery.noConflict( true );
</script>

 

[JsWorld]

Super, hat alles geklappt! Danke viel mal!