Articles

Hoe Fix WordPress “Uncaught TypeError: $ is not a function” jQuery Error?

by admin

zoals u misschien hebt gemerkt tijdens de ontwikkeling van WordPress, is het soms erg moeilijk om erachter te komen hoe het script op de juiste manier te onderzoeken?

moet ik gewoon script onderaan de pagina in de voettekst toevoegen? Moet ik script toevoegen aan deheader van de WordPress site? Nou, er zijn een aantal normen vastgesteld door WordPress framework die iedereen moet volgen.

in deze tutorial, zullen we gaan over hoe te enqueue script Typed.min.js juiste manier om uw WordPress thema en fix Uncaught TypeError: $ is not a function jQuery fout.

deze tutorial zal u helpen als u een van de onderstaande vragen heeft:

  • Hoe JavaScripts en stijlen correct toe te voegen in WordPress
  • Hoe Scripts en stijlen in WordPress te onderzoeken?
  • het laden van CSS en JavaScript in WordPress op de juiste manier

laten we eerst het scenario begrijpen:

voor mijn andere Premium site wilde ik Typed.min.js gebruiken met de juiste WordPress enqueue opties.

tijdens het werken aan het instellen van bovenstaand effect, vond ik een vreemde fout die ik nog nooit eerder geconfronteerd. Neem een kijkje op die fout hieronder:

bovenstaande fout gebeurde voordat de verkeerde manier om jQuery op mijn site.

voordat u de onderstaande code handmatig in de voettekst plaatst:

Verkeerde manier om jQuery

1
2
3
4
5
6
7
8
9
10
11
12
13
<script 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

Juiste manier te enqueue script in WordPress thema ‘ s

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
functie 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’);

er zijn twee dingen in bovenstaande code:

  1. allereerst gebruiken we wp_enqueue_script functie die 3e parameter heeft om jQuery geladen met WordPress te gebruiken. Het is niet nodig om jQuery handmatig 🙂 toe te voegen . Dit is de juiste manier om te vragen script in wordpress.
  2. We veranderden ook functie $(function(){ naar jQuery(function($){ om Uncaught TypeError: $ is not a function fout op te lossen.

hoop dat dit u zal helpen om jQuery-fout op uw site op te lossen en te onderzoeken.

volgens suggestie van commentaar Jaikangam, zijn hier nog enkele opties om deze fout op te lossen:

Als u Bestand crunchify.js hebt, dan is een andere optie om het bestand met deze optie te 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);

Gelukkig bloggen.