Articles

jak opravit WordPress „Uncaught TypeError: $ není funkce“ chyba jQuery?

by admin

Jak jste si možná všimli během WordPress, někdy je to velmi těžké na to přijít, jak se zařadí skript správně?

mám jen přidat skript v dolní části stránky v zápatí? Mám přidat skript v header WordPress stránky? No, tam jsou některé standardy stanovené WordPress framework, který každý by měl následovat.

V tomto tutoriálu se budeme jít nad tím, jak se zařadí skript Typed.min.js správný způsob, aby se vaše WordPress téma a opravit Uncaught TypeError: $ is not a function jQuery chyba.

Tento výukový program vám pomůže, pokud máte některý z níže uvedených otázek:

  • Jak Správně Přidat Javascripty a Styly v WordPress
  • Jak se zařadí Skripty a Styly v WordPress?
  • načítání CSS a JavaScript do WordPress správným způsobem

nejprve pochopíme scénář:

pro můj další prémiový web jsem chtěl použít Typed.min.js se správnými možnostmi WordPress enqueue.

při práci na nastavení výše uvedeného efektu jsem našel nějakou podivnou chybu, které jsem nikdy předtím čelil. Podívejte se na tuto chybu níže:

výše chyba se stala před nesprávným způsobem zahrnout jQuery na můj web.

před použitím vložení níže uvedeného kódu do zápatí ručně:

Špatný způsob, jak zahrnout 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

Správný způsob, jak se zařadí skript do WordPress téma

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

Tam jsou dvě věci, ve výše uvedeném kódu:

  1. Nejprve jsme pomocí wp_enqueue_script funkce, které má 3. parametr použít jQuery naloženo s WordPress. Není třeba přidávat jQuery ručně 🙂 . To je správný způsob, jak enqueue skript v wordpress.
  2. také Jsme změnili funkci $(function(){jQuery(function($){ aby bylo možné opravit Uncaught TypeError: $ is not a function chyba.

doufám, že vám to pomůže opravit a zjistit chybu jQuery na vašem webu.

Jak na návrh z komentátorů Jaikangam, zde je několik dalších možností, jak opravit tuto chybu:

Pokud máte soubor crunchify.js pak další možnost je spustit soubor.

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

šťastné blogování.