Verstehe euer Accordion auf der Home nicht

  • Hallo,
    also dieser accordion effect auf der wordpress-deutschland.org ist doch mit moo.fx gemacht...

    ihr habt den code zum aufrufen in die header geschrieben damit ruft ihr
    moo.fx.s, moo.fx.pack.js und stretch.js auf das wars doch oder...

    in der stretch.js ist die funktion beschrieben....

    in der style.css das aussehen...

    so jetzt kann man doch das ganze z.B. in einer statischen seite innerhalb von wordpress aufrufen oder? aber wie...

    irgendwas funktioniert nicht was mache ich falsch habe mir euren quellcode immer wieder angeschaut ich kriegs nicht hin??

    danke für eure hilfe

    • Anzeige

    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.

    • ✔️ Schnelle Ladezeiten (optimiert für WordPress & Co.)
    • ✔️ Deutsche Server & DSGVO-konform
    • ✔️ Persönlicher Support (kein 0815-Ticket-System)

    Mehr erfahren

  • mh komme denoch nicht klar

    hallo,
    danke für die schnelle rückmeldung...allerdings mache ich irgendwo einen fehler

    wenn ich z.B.
    MooTools Demos: Accordion

    das beispiel hier in wordpress nachvollziehen möchte setze ich mootools.js und demo.js in die header.php (dann habe ich die daten in meine style.css) übernommen

    jetzt öffne ich mir eine neue statische seite und für genau den gleichen code aus wie in dem demo welche ich von der seite die ich oben genannt hatte runtergeladen habe ein (oder darf der code nur in die php dateien)...

    das design sieht gleich aus aber die funtion geht nciht....

    ich glaube nicht das ich mit jquery einfach klar komme...

    vielleicht kann man mir ein wenig mehr unter die arme greifen...

    danke
    stefan

  • ich habs so gemacht

    das habe ich in die header.php eingetragen:

    PHP
    <script type="text/javascript" src="<?php bloginfo('stylesheet_directory'); ?>/scripts/mootools.js"></script>
    <script type="text/javascript" src="<?php bloginfo('stylesheet_directory'); ?>/scripts/demo.js"></script>

    das hier in meine style.css


    und dann wollte ich das ganze über eine statische seite und dem html-editor von wp aufrufen mit...

    und ich sehe den text die blauen balken nur sind sie aufgeklappt und es funktioniert nichts....

    stefan

  • auch im template geht es nicht

    mh...das kann schon alles so sein wie du es sagst dafür habe ich vielleicht doch zu wenig ahnung....

    allerdings wenn ich den folgenden div-code in eine template php datei einbinde z.B. in die index.php damit ich das ganze auf der ersten seite habe passiert da auch nichts die funktion geht einfach nciht...


    ich muss doch da was falsch machen obwohl diese ganze vorgehensweise ja aus dem mootools demo stammt....und ich benutze das default theme zum testn..

    stefan

  • hat keiner eine idee wo mein fehler liegt?

    mh habe im grunde alles gemacht wie in dem accordion beispiel von mootools aber es geht einfach nicht was mache ich falsch???

  • ja

    hi ja habe auch alles aktiviert....vielleicht vergesse ich was einzubinden...hier auf der homepage ist doch auch son mootools accordion kann denn da mir keiner mal ne kurze anleitung geben....

    ich muss ein fehler beim einbinden machen..

    stefan

  • Ich würde dafür nicht mootools nehmen sondern jQuery und dieses jQuery Accordion: UI/API/1.7/Accordion - jQuery JavaScript Library Das sollte sich deutlich einfacher integrieren lassen.


    hi, ich habe das selbe Problem, ... ich habe es allerdings mit jquery gemacht und direkt im template (in der php) niedergeschrieben, aber es funktioniert bei mir auchnicht (WP 2.7)

    ich habe auf der Seite dort einen Beitrag gefunden wo sich einer beschwert, dass es bei ihm in der 2.6.x WP Version funktioniert, in der 2.7 aber nichtmehr. Irgendwann hatte er das Problem für 2.7 gelöst, hatte aber leider nicht dazugeschrieben wie er das gemacht hat.

    ich habe auch alle Anweisungen aus der DOC von jquery genaustens befolgt (mehrmals, sogar auf mehreren komplett unterschiedlichen Wordpress-seiten von mir)

    irgendwie fehlt bestimmt eine ganz kleine Datei oder eine kleine Zeile Code wo wir Anfänger vergessen oder wo nicht gut documentiert wurde
    :cry:


    nachtrag:
    die index.html die mitgeliefert wird funktioniert auf dem Server (statische Seite) einwandfrei, wenn ich jetzt aber alles 1:1 (bzw. für die CSS angepasst) nun in mein template übernehmen (header-informationen etc) geht es eben nichtmehr!
    Das habe ich übrigens an sehr komplexen sowie an 1-Seiten-templates getestet.

    Wer glaubt etwas zu sein, hört auf etwas zu werden.

    Einmal editiert, zuletzt von DerJo.com (8. April 2009 um 15:13)

  • hmm okay... ich hab das jetzt auf folgende weise hinbekommen:

    Ich habe die Democode von
    UI/API/1.7.1/Accordion - jQuery JavaScript Library
    genommen und bei mir verbaut.
    Also dass ich alle JS Daten extern erstmal lade. So funktioniert das im Moment!


    Ich würd jetzt aber gern meine Artikel in diesem Accordion-Style laden.
    Hat da jemand ne idee?
    Darf ruhig auf die neusten 3 oder 5 beschränkt sein. Wichtig is nur dass es sauber drin ist, Header und Content dynamisch geladen wird etc.
    Bin um jede Idee sehr dankbar!

    Wer glaubt etwas zu sein, hört auf etwas zu werden.

Jetzt mitmachen!

Sie haben noch kein Benutzerkonto auf unserer Seite? Registrieren Sie sich kostenlos und nehmen Sie an unserer Community teil!