Um schreiben oder kommentieren zu können, benötigen Sie ein Benutzerkonto.
Sie haben schon ein Benutzerkonto? Melden Sie sich hier an.
Jetzt anmeldenHier können Sie ein neues Benutzerkonto erstellen.
Neues Benutzerkonto erstellen
Hallo,
ich habe auf meiner Seite ein Jquery-Framework und ein Mootools-Framework. Wie kann ich den Fehler beheben, dass beide Frameworks funktionieren? Kann mir hier jemand weiterhelfen, bzw. kurz erklären, was ich abändern muss, dass es funktioniert?
Danke! :-)
Hallo!
Wenn du gerade an deiner Website arbeitest oder dein aktuelles Hosting überdenkst: Wir betreiben mit NetzLiving eine Hosting-Plattform, die speziell auf Performance, Sicherheit und einfache Verwaltung ausgelegt ist.
ich kann dir darauf jetzt leider nichts direkt sagen in bezug zu WP, aber meine erfahrung ist: die gehen garnicht paralel zu nutzen.
problem ist, dass du im JQuery das $ zeichen nutzt $(), aber im MooTools auch. was dann zu einer überschneidung führt und letztendlich zu einem fehler was nichts funktionieren sollte.
also nur einzelnd verwendbar und nicht gemeinsam. aber normalerweise sollte mit JQuery auch alles lösbar sein, und das sogar recht einfach =)
ansonsten, um mal zu checken was da für fehler drine sind, könntest du mal Chrome runterladen und die Chrome Fehlerkonsole nutzen. normalerweise filtert die solche fehler sehr schön und schnell raus. versuch wäre es wert.
liebe grüße =)
Für einen solchen Konfliktfall bietet jQuery den noConflict-Modus an.
Dafür muss nach dem Einbinden der jQuery-Bibliothek jQuery.noConflict(); aufgerufen werden. jQuery ist danach unter einem anderen Namespace ansprechbar. jQuery spricht man nun statt über "$" mit "jQuery" an, MooTools kann weiter mit "$" angesprochen werden.
Funktioniert gerade im Verhältnis zu MooTools problemlos - auch wenn es in vielen Fällen sinnvoller sein dürfte, alles mit einem Framework umzusetzen.
Was genau muss ich da machen? Ich kenn mich da so gut wie nicht aus mit... kannst du mir vielleicht eine kurze Anleitung geben? :-)
wusst ich noch garnicht =)
wieder was gelernt, danke Rechtslupe! ich nutz an sich nur jquery, vllt der grund wieso ich noch nie zu einem solchen fall gekommen bin^^
hier steht eine anleitung zu dem noConflict:
http://api.jquery.com/jQuery.noConflict/
ich hoffe du kannst damit was anfangen =)
Ich weiß nicht wie ich das einbauen soll... muss ich da in der Jquery.js noch etwas ändern oder was muss ich da tun?
so wies hier steht:
<script type="text/javascript" src="other_lib.js"></script>
<script type="text/javascript" src="jquery.js"></script>
<script type="text/javascript">
jQuery.noConflict();
// Code that uses other library's $ can follow here.
</script>
other_libs.js ist eben dein mootools.js, dann die jquery.js.
und bevor du irgendwas in deinem code machst, musst du das $.noConflict(); aufrufen, damit jquery des freigibt. dannach kannst du deinen code schreiben, musst aber um jQuery zu benutzen, und nicht mootools, dann immer ein
zb benutzen. also für jquery statt dem $ dann einfach das jQuery schreiben. dann geht alles eig wie gewohnt.
mit mootools kannst du dann dein $ benutzen
Das heißt dann, dass ich z.B. diesen Code hier einfügen muss:
<script type="text/javascript">
jQuery.noConflict();
// Code that uses other library's $ can follow here.
jQuery(function() {
jQuery("#1, #2, #3").lavaLamp({
fx: "backout",
speed: 700,
click: function() {}
});
});
</script>Oder versteh ich da jetzt wieder was falsch? Muss ich in der jquery.js auch entwas ändern, oder macht dass die Funktion automatisch?
Hallo vampire,
hier findest Du ein Beispiel für die Verwendung von noConflict:
Ich peil das einfach nicht! :( Hier ist ein Auszug aus meinem Originalcode:
<link rel="stylesheet" href="http://www.xxx.de/wp/wp-content/themes/xxx/lavalamp_test.css" type="text/css" media="screen">
<script type="text/javascript" src="http://www.xxx.de/wp/wp-content/themes/xxx/js/jquery-1.2.3.min.js"></script>
<script type="text/javascript" src="http://www.xxx.de/wp/wp-content/themes/xxx/js/jquery.easing.min.js"></script>
<script type="text/javascript" src="http://www.xxx.de/wp/wp-content/themes/xxx/js/jquery.lavalamp.min.js"></script>
<script type="text/javascript">
$(function() {
$("#1, #2, #3").lavaLamp({
fx: "backout",
speed: 700,
click: function() {}
});
});
</script>
<script language="javascript" type="text/javascript" src="http://www.xxx.de/wp/wp-content/themes/xxx/js/mootools-1.2-more.js"></script>
<script language="javascript" type="text/javascript" src="http://www.xxx.de/wp/wp-content/themes/xxx/js/slideitmoo-1.1.js"></script>
<script language="javascript" type="text/javascript" src="http://www.xxx.de/wp/wp-content/themes/xxx/js/mootools-1.2.1-core.js"></script>
<link rel="stylesheet" type="text/css" href="http://www.xxx.de/wp/wp-content/themes/xxx/horizontal.css" />
<script language="javascript" type="text/javascript">
window.addEvents({
'domready': function(){
/* thumbnails example , div containers */
new SlideItMoo({
overallContainer: 'SlideItMoo_outer',
elementScrolled: 'SlideItMoo_inner',
thumbsContainer: 'SlideItMoo_items',
itemsVisible:4,
elemsSlide:3,
duration:300,
itemsSelector: '.SlideItMoo_element',
itemWidth: 165,
showControls:0,
autoSlide: 5000,
startIndex:1,
onChange: function(index){
}
});
}
});
</script>Wie muss ich das jetzt umbauen? Ich versteh einfach nicht, wohin ich den Code kopieren soll und wo ich überall das "$"-Zeichen ändern soll...
Sie haben noch kein Benutzerkonto auf unserer Seite? Registrieren Sie sich kostenlos und nehmen Sie an unserer Community teil!