Articles

Come risolvere WordPress “Uncaught TypeError: $ non è una funzione” Errore jQuery?

by admin

Come avrai notato durante lo sviluppo di WordPress, a volte è molto difficile capire come accodare lo script nel modo giusto?

Devo semplicemente aggiungere lo script in fondo alla pagina nel piè di pagina? Devo aggiungere script nel header del sito WordPress? Bene, ci sono alcuni standard stabiliti dal framework WordPress che tutti dovrebbero seguire.

In questo tutorial, andremo oltre come accodare script Typed.min.jsmodo giusto per il vostro tema WordPress e correggere Uncaught TypeError: $ is not a function errore jQuery.

Questo tutorial ti aiuterà se hai una delle seguenti domande:

  • Come aggiungere correttamente JavaScript e stili in WordPress
  • Come accodare script e stili in WordPress?
  • Caricamento di CSS e JavaScript in WordPress nel modo giusto

Capiamo prima lo scenario:

Per il mio altro sito Premium, volevo usare Typed.min.js con le corrette opzioni di accodamento di WordPress.

Mentre lavoravo alla configurazione dell’effetto sopra, ho trovato uno strano errore che non ho mai affrontato prima. Dai un’occhiata a quell’errore qui sotto:

Sopra l’errore si è verificato prima del modo sbagliato di includere jQuery nel mio sito.

Prima-Usando mettere sotto il codice nel piè di pagina manualmente:

modo Sbagliato di includere 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

modo Giusto per accodare script in tema WordPress

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

Ci sono due cose di cui sopra di codice:

  1. Prima di tutto stiamo usando wp_enqueue_script funzione che ha il 3 ° parametro da utilizzare jQuery caricato con WordPress. Non è necessario aggiungere manualmente jQuery manually . Questo è il modo giusto per accodare script in wordpress.
  2. Abbiamo anche cambiato funzione $(function(){ajQuery(function($){al fine di correggereUncaught TypeError: $ is not a function errore.

Spero che questo ti aiuti a correggere e accodare l’errore jQuery sul tuo sito.

Come da suggerimento del commentatore Jaikangam, qui ci sono alcune altre opzioni per correggere questo errore:

Se hai file crunchify.js allora un’altra opzione è quella di avviare il file in questo modo.

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

Felice blogging.