Articles

So beheben Sie den jQuery-Fehler „Nicht abgefangener TypeError: $ ist keine Funktion“ in WordPress?

Wie Sie vielleicht während der WordPress-Entwicklung bemerkt haben, ist es manchmal sehr schwer herauszufinden, wie man das Skript richtig einreiht?

Soll ich einfach ein Skript am Ende der Seite in der Fußzeile hinzufügen? Soll ich ein Skript in die header der WordPress-Site einfügen? Nun, es gibt einige Standards, die von WordPress Framework festgelegt wurden und denen jeder folgen sollte.

In diesem Tutorial werden wir uns mit dem Skript Typed.min.js auf dem richtigen Weg zu Ihrem WordPress-Theme befassen und den Uncaught TypeError: $ is not a function jQuery-Fehler beheben.

Dieses Tutorial hilft Ihnen, wenn Sie eine der folgenden Fragen haben:

  • Wie füge ich JavaScripts und Stile in WordPress richtig hinzu
  • Wie stelle ich Skripte und Stile in WordPress in die Warteschlange?
  • CSS und JavaScript richtig in WordPress laden

Lassen Sie uns zuerst das Szenario verstehen:

Für meine andere Premium-Site wollte ich Typed.min.js mit korrekten WordPress-Enqueue-Optionen verwenden.

Während ich an der Einrichtung des obigen Effekts arbeitete, fand ich einen seltsamen Fehler, mit dem ich noch nie zuvor konfrontiert war. Schauen Sie sich diesen Fehler unten an:

Der obige Fehler ist aufgetreten, bevor jQuery falsch in meine Site aufgenommen wurde.

Before – Manuelles Einfügen des folgenden Codes in die Fußzeile:

Falsche Art, jQuery einzuschließen

1
2
3
4
5
6
7
8
9
10
11
12
13

<Skript src=“https://code.jquery.com/jquery-1.12.4.min.js“></script>
<script src=“https://pro.crunchify.com/typed.min.js“ type=“text/javascript“></script>
<script>
$(function(){
$(„.element“).typed({
strings: ,
typeSpeed:100,
backDelay:3000,
loop:true
});
});
</script>

After – Right way to enqueue script in functions.php

Der richtige Weg, um Skript in WordPress-Theme enqueue

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17

Funktion typed_script_init() {
wp_enqueue_script( ‚typedJS‘, ‚https://pro.crunchify.com/typed.min.js‘, array(‚jquery‘) );
}
add_action(‚wp_enqueue_scripts‘, ‚typed_script_init‘);
function typed_init() {
echo ‚<script>
jQuery(function($){
$(„.element“).typed({
strings: ,
typeSpeed:100,
backDelay:1000,
loop:true
});
});</script>‘;
}
add_action(‚wp_footer‘, ‚typed_init‘);

Es gibt zwei Dinge im obigen Code:

  1. Zuerst verwenden wir wp_enqueue_script Funktion mit 3. Parameter zur Verwendung von jQuery mit WordPress geladen. Es ist nicht erforderlich, jQuery manuell hinzuzufügen 🙂 . Dies ist DER richtige Weg, um das Skript in WordPress in die Warteschlange zu stellen.
  2. Wir haben auch die Funktion $(function(){ in jQuery(function($){ geändert, um den Fehler Uncaught TypeError: $ is not a function zu beheben.

Ich hoffe, dies wird Ihnen helfen, den jQuery-Fehler auf Ihrer Site zu beheben und in die Warteschlange zu stellen.

Gemäß dem Vorschlag von Kommentator Jaikangam gibt es hier einige weitere Optionen, um diesen Fehler zu beheben:

Wenn Sie file crunchify.js dann ist eine andere Option, die Datei so zu starten.

Option-1)

1
2
3
4
5
6

(function($){
$(document).ready(function(){
// write code here
});

Option-2)

1
2
3
4
5
6

jQuery(document).ready(function(){
// write code here
});
})(jQuery);

Viel Spaß beim Bloggen.