Articles

Cum de a stabili WordPress „Uncaught TypeError: $ nu este o funcție” eroare jQuery?

by admin

după cum probabil ați observat în timpul dezvoltării WordPress, uneori este foarte greu să-l dau seama cum să întreb script mod corect?

ar trebui să adaug doar script în partea de jos a paginii în subsol? Ar trebui să adaug script în header a site-ului WordPress? Ei bine, există câteva standarde stabilite de cadrul WordPress pe care toată lumea ar trebui să le urmeze.

In acest tutorial, vom merge peste cum să întreb scriptTyped.min.js mod corect la Tema WordPress și reparaUncaught TypeError: $ is not a function eroare jQuery.

acest tutorial vă va ajuta dacă aveți oricare dintre întrebările de mai jos:

  • cum să adăugați în mod corespunzător JavaScripts și stiluri în WordPress
  • cum să întreb script-uri și stiluri în WordPress?
  • se încarcă CSS și JavaScript în WordPress în mod corect

să înțelegem mai întâi scenariul:

pentru celălalt site Premium, am vrut să folosescTyped.min.js cu opțiuni corecte de solicitare WordPress.

în timp ce lucram la configurarea efectului de mai sus, am găsit o eroare ciudată cu care nu m-am confruntat niciodată. Aruncati o privire la această eroare de mai jos:

eroare de mai sus sa întâmplat înainte de mod greșit de a include jQuery la site-ul meu.

înainte de a-folosind punerea de mai jos cod în subsol manual:

mod greșit de a include 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&gt ;
<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

mod corect de a cere script în WordPress temă

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

există două lucruri în codul de mai sus:

  1. În primul rând folosimwp_enqueue_script funcție care are parametrul 3 pentru a utiliza jquery încărcat cu wordpress. Nu este nevoie să adăugați jquery manual de la clasa a VIII-a . Acesta este modul corect de a cere script în wordpress.
  2. de asemenea, am schimbat funcția$(function(){ lajQuery(function($){ pentru a remediaUncaught TypeError: $ is not a function eroare.

Sper că acest lucru vă va ajuta să remediați și să întrebați eroarea jQuery pe site-ul dvs.

conform sugestiei comentatorului Jaikangam, iată câteva opțiuni pentru a remedia această eroare:

Dacă aveți fișier crunchify.js atunci altă opțiune este să porniți fișierul cu așa.

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

blogging fericit.