Articles

jak naprawić WordPress „Uncaught TypeError: $ nie jest funkcją” błąd jQuery?

by admin

Jak mogłeś zauważyć podczas tworzenia WordPressa, czasami bardzo trudno jest to rozgryźć, jak poprawnie wykonać skrypt?

Czy powinienem dodać skrypt na dole strony w stopce? Czy powinienem dodać skrypt do header witryny WordPress? Cóż, istnieją pewne standardy ustanowione przez framework WordPress, których każdy powinien przestrzegać.

w tym samouczku omówimy, jak zapytać skrypt Typed.min.jswłaściwą drogę do Twojego motywu WordPress i naprawić Uncaught TypeError: $ is not a function błąd jQuery.

ten poradnik pomoże ci, jeśli masz którekolwiek z poniższych pytań:

  • Jak poprawnie dodać skrypty i style w WordPress
  • Jak zapytać skrypty i style w WordPress?
  • Ładowanie CSS i JavaScript do WordPressa we właściwy sposób

najpierw zrozummy scenariusz:

dla mojej innej strony Premium chciałem użyć Typed.min.js z poprawnymi opcjami zapytania WordPress.

podczas pracy nad ustawieniem powyższego efektu znalazłem jakiś dziwny błąd, z którym nigdy wcześniej nie miałem do czynienia. Spójrz na ten błąd poniżej:

powyższy błąd wystąpił przed niewłaściwym sposobem włączenia jQuery do mojej witryny.

przed-za pomocą ręcznego wstawiania poniższego kodu do stopki:

Nieprawidłowy sposób włączenia 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&gthttps://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

Odpowiedni sposób umieścić skrypt w kolejce w WordPress

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

w powyższym kodzie są dwie rzeczy:

  1. przede wszystkim używamywp_enqueue_script funkcja, która ma 3rd parametr do korzystania z jQuery załadowany w WordPress. Nie ma potrzeby dodawania jQuery ręcznie 🙂 . Jest to właściwy sposób na zapytanie skryptu w wordpress.
  2. zmieniliśmy również funkcję$(function(){ najQuery(function($){, aby naprawić błądUncaught TypeError: $ is not a function.

Mam nadzieję, że pomoże Ci to naprawić i zapytać o błąd jQuery na twojej stronie.

zgodnie z sugestią komentatora Jaikangam, oto kilka dodatkowych opcji, aby naprawić ten błąd:

Jeśli Masz plik crunchify.js, inną opcją jest uruchomienie pliku w ten sposób.

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

Szczęśliwego blogowania.