Antworten zum Thema „jQuery und Konflikt zweier Joomla Module“

t_a_u_r_u_s · 13.11.2009

Liebe Gemeinde,

ich verwende auf einer Joomla Page mehrere Komponenten. Offensichtlich kommt es hierbei zu Konflikten bei den einzelnen Frameworks (was auch immer das bedeuetet!)

Aufgrund der Darstellungsfehler habe ich mal mit den Fehlerkonsolen im IE und im Firefox gearbeitet, dabei ist folgendes rausgekommen:

$(document).ready is not a function

der Code dazu:

Code:

$(document).ready(function(){ $("ul.sf-menu").supersubs({minWidth:'100', maxWidth:'300', extraWidth:''}).superfish({hoverClass:'sfHover', pathLevels:1, delay:800, animation:{opacity:'show', height:'show', width:'show'}, speed:'def', autoArrows:0, dropShadows:0}).find('ul').bgIframe({top:'auto', left:'auto', width:'auto', height:'auto', opacity:1, src:'javascript:false;'})     });

Recherche:
schreibt, dass das $ einen Konflikt mit jQuery auslösen würde und folgender Code dies behebt, weil statt des $, dann das Wort jQuery verwendet werden könne

Code:

<head>    <SCRIPT src="prototype.js"></SCRIPT>    <SCRIPT src="jquery.js"></SCRIPT>    <SCRIPT>      jQuery.noConflict();      jQuery(document).ready(function(){        jQuery('div').stuff();        //notice, that the $sign has been replaced with the word jQuery      });       // And you can use Prototype with $(...)       $('id').hide();     </SCRIPT>  </head>

Frage:

kann mir jemand erklären, was das bedeutet?
wo muss ich welchen Code eintragen?
:'( was kann ich tun?

Mein System server- und kopfseitig

Joomla 1.5.14
PHP5
Javascript --> schon mal gehört
PHP --> öhm... gibt es
HTML --> aaahh schon bissl mehr Erfahrung

sokie · 13.11.2009

AW: jQuery und Konflikt zweier Joomla Module

1.das heisst, dass du, wenn du beide frameworks benutzt einfach statt des "$" jQuery benutzen kannst, um das problem zu umgehen: zB:*

Code:

jQuery(document).ready(function(){
...

*siehe Using jQuery with Other Libraries - jQuery JavaScript Library

t_a_u_r_u_s · 13.11.2009

AW: jQuery und Konflikt zweier Joomla Module

erstmal danke für die schnelle Antwort. So weit hatte ich das schon verstanden. Jetzt müsstest Du wahrscheinlich noch Joomla-Pro sein um mir zu sagen, wie ich das dort realisiere

Für mich sieht es so aus, als müsste ich irgendwelche Javascript Dateien installieren, die ich dann mit einem Code im Header der Seite anspreche?

sokie · 13.11.2009

AW: jQuery und Konflikt zweier Joomla Module

die .js dateien werden ja schon über das attribut "src=" geladen.
die Änderungen von "$" nach "jQuery" musst du in der index.php aus dem Templateordner deines aktuellen Templates machen.

t_a_u_r_u_s · 13.11.2009

AW: jQuery und Konflikt zweier Joomla Module

das ist genau der Knackpunkt. In Joomla wird die .html ja erst generiert.
Dementsprechend werden dann auch erst die .js aufgerufen

Ich habe jetzt in der index.php den Code ohne .js Aufruf eingegeben:

also nur
<script>
jQuery.noConflict();
jQuery(document).ready(function(){
jQuery('div').stuff();
//notice, that the $sign has been replaced with the word jQuery
});
// And you can use Prototype with $(...)
$('id').hide();
</script>

nun erhalte ich folgende Fehler in der Konsole:
$("id") is null

und
jQuery("div").stuff is not a function

:uhm:

saila · 14.11.2009

AW: jQuery und Konflikt zweier Joomla Module

Hi,

die Vorgehensweise per index.php irgendein code reinzustampfen ist ja auch etwas sehr weit her geholt. Warum wendest du dich nicht mit der Fragestellung einfach in einem Joomla-Forum an dortige User. Diese können dir bestimmt direkt eine Antwort liefern. Oder es ist sogar schon ein Beitrag mit dieser Fragestellung vorhanden.

Abgesehen davon ist Joomla eigentl. gut dokumentiert und dürfte dir also auch von der Dokumentation her schon einige Antworten liefern.

dosonaro · 16.11.2009

AW: jQuery und Konflikt zweier Joomla Module

kurze frage, da du jquery verwendest, hast du mootools deaktivert?

denn mootools und jquery verstehen sich nicht und mootools ist standartmäßig bei joomla aktiviert.