Articles

Hur fixar WordPress ”Uncaught TypeError: $ är inte en funktion” jQuery fel?

by admin

som du kanske har märkt under WordPress utveckling, ibland är det mycket svårt att räkna ut hur man köar script rätt sätt?

ska jag bara lägga till skript längst ner på sidan i sidfoten? Ska jag lägga till skript i header på WordPress-webbplatsen? Tja, det finns några standarder som fastställts av WordPress framework som alla bör följa.

i den här handledningen kommer vi att gå igenom hur man ställer in skript Typed.min.jsrätt väg till ditt WordPress-tema och fixaUncaught TypeError: $ is not a function jQuery-fel.

denna handledning hjälper dig om du har några av nedanstående frågor:

  • hur man korrekt lägger till JavaScript och stilar i WordPress
  • hur man frågar skript och stilar i WordPress?
  • laddar CSS och JavaScript i WordPress på rätt sätt

låt oss förstå scenariot först:

För min andra Premiumsida ville jag användaTyped.min.js med korrekta WordPress-köalternativ.

När jag arbetade med att ställa in ovanstående effekt hittade jag ett konstigt fel som jag aldrig mötte tidigare. Ta en titt på det felet nedan:

ovanstående fel hände innan fel sätt att inkludera jQuery till min webbplats.

innan du använder nedanstående kod manuellt i sidfoten:

fel sätt att inkludera 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

rätt sätt att enqueue skript i WordPress tema

1
2
3
4
5
6
7
8
9
10
11
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’);

det finns två saker i ovanstående kod:

  1. först och främst använder viwp_enqueue_script funktion som har 3: e parameter för att använda jQuery laddad med WordPress. Det finns inget behov av att lägga till jQuery manuellt bisexuell . Detta är rätt sätt att köa skript i wordpress.
  2. vi ändrade också funktionen $(function(){ till jQuery(function($){ för att fixa Uncaught TypeError: $ is not a function fel.

hoppas det här hjälper dig att fixa och fråga jQuery-fel på din webbplats.

enligt förslag från commenter Jaikangam, här är några fler alternativ för att åtgärda detta fel:

Om du har fil crunchify.js då är det andra alternativet att starta filen med så här.

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.