Support » Allgemeine Fragen » data-Attribut funktioniert nicht

  • Gelöst janDoo

    (@jandoo)


    Hi,

    ich verwende in einem Theme dieses jQuery Parallax Script: http://pixelcog.github.io/parallax.js/

    Wie vorgesehen habe ich die entsprechenden Elemente mit den nötigen data-Attributen bestückt:

    <div class="spacer" data-parallax="scroll" data-image-src="img/bg_dosen.jpg></div>

    Bei der Umsetzung zum Theme habe ich den Code wie folgt abgeändert um garantiert den richtigen Pfad zu erhalten:

    <div class="spacer" data-parallax="scroll" data-image-src="<?php bloginfo( 'stylesheet_directory' ); ?>/img/bg_dosen.jpg"></div>

    Leider wird nun das Bild nicht mehr angezeigt. Wenn ich jedoch dem generierten Pfad folge, wird das Bild angezeigt. Der generierte Pfad stimmt also.

    Setze ich diesen Pfad 1 zu 1 in data-image-src ein, wird das Bild jedoch weiterhin nicht angezeigt. Ebenfalls nicht, wenn ich den Code wieder auf „Anfang“ setze.

    Hat WordPress irgendwelche Einschränkungen bezüglich data-Attributen?
    Wo kann also der Fehler liegen?

Ansicht von 3 Antworten - 1 bis 3 (von insgesamt 3)
  • Die Frage ist, wo das Hintergrundbild abgelegt wird. Wenn es im Theme-Verzeichnis in einem Unterverzeichnis img abgelegt wurde, sollte es mit

    <div class="spacer" data-parallax="scroll" data-image-src="<?php echo get_stylesheet_directory_uri(); ?>/img/bg_dosen.jpg"></div>

    klappen. Allerdings kann es sein, dass du das jQuery-Plugin falsch eingebunden hast. Verwendest du wp_enqueue_script()? Wie? Geben die Developer Tools deines Browsers (Rechtsklick > Element untersuchen > Console) Fehlermeldungen aus? Ich würde in den Developer Tools auch nochmal den Pfad des Hintergrundbilds prüfen.

    Thread-Ersteller janDoo

    (@jandoo)

    Danke für die Antwort!

    Offensichtlich habe ich die Pferde wegen eines Flüchtigkeitsfehlers scheu gemacht. Der Hinweis auf die falsch eingebundenen Scripte hat den entscheidenden Geistesblitz bewirkt.

    Manchmal muss man einfach nochmal mit einem frischen Auge und einem Denkanstoß von außen auf die Codezeilen schauen 😀

    Besten Dank.

    Thread-Ersteller janDoo

    (@jandoo)

    Siehe oben.
    Problem gelöst 🙂

Ansicht von 3 Antworten - 1 bis 3 (von insgesamt 3)
  • Das Thema „data-Attribut funktioniert nicht“ ist für neue Antworten geschlossen.