jQuery vs. Mootools und andere Frameworks

TomatoCart mit jQuery und MooTools

© jQuery.com – http://jquery.com/

jQuery vs MooToolsMooToolsjQueryMootoolsjQuery

Was nun aber, wenn beide Frameworks paralell arbeiten sollen? So im speziellen Falle der eCommerce-Software TomatoCart. Alle Javascripte basieren auf MooTools. Klar, wäre es möglich MooTools zu lernen. Aber jQuery ist doch so viel einfacher und schneller zu lernen.

Worauf dieser Beitrag zielt – Beide Frameworks verwenden als Anweisung das Dollarzeichen($). Jedoch behindern sich die Frameworks damit auch. Hier kommt jQuery mit einer simplen und dazu guten Lösung. Es lässt MooTools den Vorrang und gibt sich mit der alternativen Anweisung “jQuery” zufrieden. So bietet jQuery eine kurze und knackige Funktion, welche für Frieden sorgt:

<script type="text/javascript" src="other_lib.js"></script>
<script type="text/javascript" src="jquery.js"></script>
<script type="text/javascript">
jQuery.noConflict();
</script>

Möglichkeit 1

Wir tauschen in unserem jQuery-Code an allen Anweisungen das Dollarzeichen($) durch die Anweisung jQuery aus.
Das sieht dann folgendermaßen aus:

<script type="text/javascript">
jQuery(document).ready(function(){
//Hier folgen, wie gewohnt die jQuery-Anweisungen
};
</script>

Möglichkeit 2

Wir diffenzieren den jQuery Code in eine eigene Funktion


<script type="text/javascript" src="other_lib.js"></script>
<script type="text/javascript" src="jquery.js"></script>
<script type="text/javascript">
$.noConflict();
jQuery(document).ready(function($) {
// Hier folgt der jQuery-Code mit der $-Anweisung
});
// Hier folgt der Code anderer JavaScript Frameworks.
</script>

Möglichkeit 3

Wir verpassen jQuery eine neue Anweisungsvariable.


<script type="text/javascript" src="other_lib.js"></script>
<script type="text/javascript" src="jquery.js"></script>
<script type="text/javascript">
var $j = jQuery.noConflict();
$j(document).ready(function(){
//Hier folgen, wie gewohnt die jQuery-Anweisungen.
};
</script>

Wenn Fragen bestehen, helfen wir gerne weiter.


wallpaper-1019588
[Comic] Gung Ho [4]
wallpaper-1019588
Blackberry feiert Comeback mit neuen Tastatur-Smartphone
wallpaper-1019588
Kefir für Hunde?
wallpaper-1019588
[Comic] Nightwing [11]