Support » Themes » JavaScript und jQuery einbinden

  • Gelöst hacktack

    (@hacktack)


    Hallo,

    ich möchte meine basic.js über die functions.php einbinden. Bei dieser js Datei handelt es sich um eine jQuery Funktion.
    Ich habe ein eigenes Theme erstellt und die relevanten Datei in diesen Theme Ordner kopiert unteranderem auch die functions.php. In diese Datei habe ich nur diesen ScriptBlock hinzugefügt:

    add_action('wp_enqueue_scripts', 'loadMyScript');
    function loadMyScript() {
    echo "test";
    	wp_register_script('handle-hacky-script', get_stylesheet_directory_uri() . '/js/basic.js', array('jquery'), '2.2.4',false);
    	wp_enqueue_script('handle-hacky-script'); 
    }
    

    Mein Problem, die Funktion loadMyScript() wird nicht über add_action aufgerufen. AlsTest, habe ich innerhalb der Funktion eine Ausgabe eingebunden.
    Kann mir jemand weiterhelfen?

    Danke

    • Dieses Thema wurde geändert vor 3 Jahre von  hacktack.
Ansicht von 3 Antworten - 1 bis 3 (von insgesamt 3)
  • An deinem Code sieht erstmal nichts falsch aus.
    Kannst du einmal schauen, ob in der Browser Konsole ein Fehler angezeigt wird?

    Moderator Bego Mario Garde

    (@pixolin)

    Das ist eine etwas unkonventionelle Art zu testen, ob die JavaScript-Datei eingebunden wird. 😉

    Dein Code siehst ansonsten OK aus, wobei ich wahrscheinlich get_template_directory_uri() verwenden würde, um spätere Konflikte mit einem Child Theme zu vermeiden.

    
    add_action('wp_enqueue_scripts', 'loadMyScript');
    function loadMyScript() {
      wp_register_script('handle-hacky-script', get_template_directory_uri() . '/js/basic.js', array('jquery'), '2.2.4',false);
      wp_enqueue_script('handle-hacky-script');
    }
    

    Anschließend würde ich mir das Frontend im Browser anschauen, mit Rechtsklick > Element untersuchen die Entwickler-Werkzeuge aufrufen und unter dem Tab Sources schauen, ob die JavaScript-Datei aufgeführt wird. Vielleicht meinst du auch nur, dass das Einbinden nicht klappt, weil dein JavaScript einen Bug enthält und deshalb nicht ausgeführt wird? Schau mal im Tab Console nach Fehlermeldungen.

    Nachtrag: Och Menno, Sören wieder … Ich tipp mir einen Wolf und @soean fasst es während dessen in zwei Zeilen zusammen. 😛

    • Diese Antwort wurde geändert vor 3 Jahre von  Bego Mario Garde. Grund: Nachtrag
    • Diese Antwort wurde geändert vor 3 Jahre von  Bego Mario Garde. Grund: Code korrigiert
    hacktack

    (@hacktack)

    Danke für Eure Antworten!

    Ich habe das Problem gefunden, es fehlte in meinem head Bereich der Aufruf:
    <?php wp_head(); ?>

    Danke

Ansicht von 3 Antworten - 1 bis 3 (von insgesamt 3)
  • Das Thema „JavaScript und jQuery einbinden“ ist für neue Antworten geschlossen.