Javascript wird in WP-Seite geladen doch kann kein Befehl ausgeführt werden

  • Moin Zusammen,

    ich bin ziemlich neu bei Wordpress und habe die gesamte letzte Woche versucht mein Problem zu lösen, weiß aber wirklich nicht mehr weiter und brauche daher Hilfe.

    Ich versuche eigentlich nur ein Javascript zu laden und dann einige Funktionen für bestimmte Objekte aufzurufen. Ich weiß auch dass das Skript läd, aber irgendwie wird der Befehl nicht ausgeführt.

    Hier schonmal was ich bisher habe:

    Es sollen drei Blöcke auf meiner Seite angezeigt werden, der Linke (hier id="brot") soll schneller scrollen als normal und der rechte (hier id="kuchen") soll langsamer scrollen.

    Auf der Seite in WP:

    HTML
    <script type="text/javascript" src="http://localhost/wordpress2/en/wp-content/themes/vantage/js/jquery.scrolling-parallax.js"></script>
    <script type="text/javascript" src="http://localhost/wordpress2/en/wp-content/themes/vantage/js/nis.js"></script>
    <body id="weiss">
    <div id="brot"></div>
    <div id="baum"></div>
    <div id="kuchen"></div>
    </body>

    Das erste Skript habe ich aus dem Internet, das Zweite beinhaltet folgendes:

    PHP
    $(function(){$('#brot').scrollingParallax({staticSpeed: 3,});});
    $(function(){$('#kuchen').scrollingParallax({staticSpeed: 0.5,});});

    Ich weiß nicht ob es irgendwie relevant ist, aber die dazugehörigen Stylekomponenten sehen so aus:

    So wie gesagt, das Script lädt, ich hab es auch über die function.php und wp_enqueue_script() auch da hat das Skript geladen nur dann ist auch nichts weiter passiert.

    Ich weiß nicht ob es einen Unterschied macht, aber bisher lasse ich die Seite nur über MAMP laufen und simuliere sie dadurch nur, trotzdem sollte aber doch eigentlich das Ganze funktionieren, oder?

    Wahrscheinlich ist es nur ein blöder Anfängerfehler, aber ich finde ihn nicht selbst:(

    Schonmal Danke im Voraus!

    • 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

  • Hallo

    Also ohne sich das jetzt anzusehen, kann man da leider schwer herausfinden woran es liegt.
    Ein paar Sachen kannst du aber gleich überprüfen:

    1.) Wird JQuery überhaupt geladen (das ist zwingend notwendig, da deine zwei eingebundenen Dateien Jquery-PlugIns sind)
    2.) Wir JQuery VOR den PlugIns geladen?
    3.) Läuft JQuery im noconflict-mode -> https://codex.wordpress.org/Function_Refer…nflict_Wrappers
    Wenn, ja dann schreibe dein Scripz mal so:

    Code
    jQuery( document ).ready(function( $ ) {
    [COLOR=#000000]$(function(){$('#brot').scrollingParallax({staticSpeed: 3,});});
    $(function(){$('#kuchen').scrollingParallax({staticSpeed: 0.5,});});  [/COLOR]
    });


    oder deaktiviere den noconflict-mode -> http://tommaitland.net/2012/10/disabl…e-in-wordpress/

    Wenn das alles passt:
    4.) was sagt den die Console deines Browsers? Zum JS-Debuggen nehme ich am liebsten Chrome, funktioniert aber auch mit allen anderen gängigen Browsern.

    LG, pixselig

  • Danke für die schnelle Antwort! Ich habe das Script jetzt so umgeschrieben und tatsächlich tut sich damit auch was, zwar nicht genau das was ich wollte :-D aber mehr als vorher! Danke!

Jetzt mitmachen!

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