Articles

Hvordan fikse WordPress «Uncaught TypeError: $ er ikke en funksjon» jQuery Feil?

by admin

som du kanskje har lagt merke til Under WordPress utvikling, en gang er det veldig vanskelig å finne ut hvordan du enqueue script riktig måte?

Skal jeg bare legge til skript nederst på siden i bunntekst? Skal jeg legge til skript iheader Av WordPress-nettstedet? Vel, det er noen standarder etablert Av WordPress rammeverk som alle bør følge.

i denne opplæringen vil vi gå over hvordan du enqueue script Typed.min.js riktig vei Til WordPress tema og fikse Uncaught TypeError: $ is not a function jquery feil.

denne opplæringen vil hjelpe deg hvis du har noen av spørsmålene nedenfor:

  • Hvordan Du Skal Legge JavaScripts Og Stiler I WordPress
  • hvordan enqueue Skript Og Stiler I WordPress?
  • Laster CSS Og JavaScript I WordPress På Riktig Måte

La oss forstå scenariet først:

for mitt Andre Premium-nettsted ønsket jeg å brukeTyped.min.js med riktige WordPress enqueue-alternativer.

mens jeg jobbet med å sette opp over effekt, fant jeg en merkelig feil som jeg aldri møtte før. Ta en titt på den feilen nedenfor:

over feilen skjedde før feil måte å inkludere jQuery til nettstedet mitt.

Før – Bruker å sette under kode I Bunntekst Manuelt:

feil måte å inkludere jQuery

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

After – Right way to enqueue script in functions.php

id=»2608605472″>

1
3
4
5
6 /div>

7
8
9
10
11
12
13
14
15
16
17
funksjon 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’);

det er to ting i koden ovenfor:

  1. Først av alt bruker viwp_enqueue_script funksjon som har 3.parameter for å bruke jquery lastet med wordpress. Det er ikke nødvendig å legge til jquery manuelt 🙂 Dette er den riktige måten å enqueue script i wordpress.
  2. vi har også endret funksjon $(function(){ til jQuery(function($){ for å fikse Uncaught TypeError: $ is not a function feil.

Håper dette vil hjelpe deg med å fikse og enqueue jQuery feil på nettstedet ditt.

som per forslag Fra commenter Jaikangam, er det noen flere alternativer for å fikse denne feilen:

hvis du har filcrunchify.js så er det andre alternativet å starte filen med slik.

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);

Glad blogging.