Glossary jquery template

Webdesign BergischLand · 11. Dezember 2013 08:09

Ich werd wahnsinnig...ich bekomm einfach das jquery template für das Glossary nicht ans laufen!
ich hab {cms_jquery} eingebunden, hab es an verschiedensten Stellen positioniert, aber jquery lädt einfach nicht.
Firefox Webkonsole gibt keine Meldung bezogen auf jquery aus.

Woran könnte es denn noch liegen?? Hier der Link zur Seite

nockenfell · 11. Dezember 2013 08:35

Im Head ist es eingebunden:

Hier klicken, um den Code zum Kopieren zu markieren

<script type="text/javascript" src="http://www.naturheilpraxis-buthke.de/lib/jquery/js/jquery-1.7.2.min.js"></script>
<script type="text/javascript" src="http://www.naturheilpraxis-buthke.de/lib/jquery/js/jquery-ui-1.8.21.custom.min.js"></script>
<script type="text/javascript" src="http://www.naturheilpraxis-buthke.de/lib/jquery/js/jquery.ui.nestedSortable-1.3.4.js"></script>
<script type="text/javascript" src="http://www.naturheilpraxis-buthke.de/lib/jquery/js/jquery.json-2.3.min.js"></script>

NaN · 11. Dezember 2013 08:46

jQuery wird bei mir korrekt geladen. Der Fehler liegt darin, dass Du jQuery noch sagen musst, was es machen soll. Wo auch immer Dein jQuery Template herkommt, es erscheint mir unvollständig. Ich vermisse im Template z.B. sowas hier:

Hier klicken, um den Code zum Kopieren zu markieren

$(document).ready(function() {
    $( ".accordion" ).accordion();
});

Webdesign BergischLand · 11. Dezember 2013 11:09

NaN schrieb:

Wo auch immer Dein jQuery Template herkommt

Das kommt aus dem Glossary-Modul -> http://dev.cmsmadesimple.org/projects/glossary

NaN · 11. Dezember 2013 13:07

Das kommt aus dem Glossary-Modul

Und das ist jetzt eine Garantie wofür?

Ich hab mir das mal etwas genauer angeschaut.
Und da steht im Template tatsächlich:

Hier klicken, um den Code zum Kopieren zu markieren

<script type="text/javascript">
//<![CDATA[
if( jQuery ) {
    jQuery('.accordion').accordion();
}
//]]> 
</script>

Das hatte ich vorher auf Deiner Seite übersehen.
Ich vermute einfach mal, dass zu diesem Zeitpunkt jQuery noch nicht vollständig geladen wurde.
Daher ist diese Bedingung (noch) nicht erfüllt.
Ergo kein Accordion.

Mach Dir doch mal den Spaß und führe diese Zeilen im Browser (z.B. mit Firebug o.ä.) nach dem Laden selbst aus.
Du wirst sehen, es funktionert.

Oder nimm mal die if-Bedingung aus dem Template heraus.
Dann dürftest Du die Fehlermeldung erhalten "jQuery is not a function".

Ich würde an dieser Stelle deshalb eher mit Events arbeiten:

Hier klicken, um den Code zum Kopieren zu markieren

<script type="text/javascript">

var glossaryAccordion = function() {
        jQuery('.accordion').accordion();
};

if (window.attachEvent)
        window.attachEvent('onload', glossaryAccordion);
else if (window.addEventListener)
        window.addEventListener('load', glossaryAccordion, false);

</script>

Klenkes · 11. Dezember 2013 15:04

Versetze in der Glossayrtemplate dies:

Hier klicken, um den Code zum Kopieren zu markieren

$(document).ready(function() {
    $( ".accordion" ).accordion();
});

hinter das Accordion.
Dann klappt's.

NaN · 11. Dezember 2013 15:37

Das war mir zu einfach big_smile
Wenn Du mit $(document).ready() arbeitest, sollte es sogar egal sein, wo es steht.
Wichtig ist dann nur, wo jQuery platziert wird.
Dann muss jQuery nämlich in den Head (oder irgendwoanders - aber auf jedenfall noch vor $(document).ready() ) und darf nicht mit defer oder async geladen werden.

Webdesign BergischLand · 12. Dezember 2013 09:05

NaN schrieb:

Das kommt aus dem Glossary-Modul
Und das ist jetzt eine Garantie wofür?

Für gar nichts. Ich wollte damit nur deine Frage beantwortet haben!
Mir fehlte gestern lediglich die Zeit tiefer in das Glossary-Modul einzusteigen.

Die von euch vorgeschlagenen Änderungen werde ich mir anschauen. Danke!

Forum für CMS/made simple

#1 11. Dezember 2013 08:09

Glossary jquery template

#2 11. Dezember 2013 08:35

Re: Glossary jquery template

#3 11. Dezember 2013 08:46

Re: Glossary jquery template

#4 11. Dezember 2013 11:09

Re: Glossary jquery template

#5 11. Dezember 2013 13:07

Re: Glossary jquery template

#6 11. Dezember 2013 15:04

Re: Glossary jquery template

#7 11. Dezember 2013 15:37

Re: Glossary jquery template

#8 12. Dezember 2013 09:05

Re: Glossary jquery template

Fußzeile des Forums