Articles

miten korjata WordPress ”Uncaught TypeError: $ is not a function” jQuery virhe?

by admin

kuten Olet saattanut huomata WordPress-kehityksen aikana, joskus on hyvin vaikea selvittää, miten tiedustella scriptiä oikein?

Pitäisikö minun vain lisätä skripti sivun alalaitaan alatunnisteeseen? Pitäisikö minun lisätä skripti WordPress-sivuston header? No, on olemassa joitakin standardeja perustettu WordPress framework joka kaikkien pitäisi noudattaa.

tässä tutoriaalissa käydään läpi, miten enqueue script Typed.min.js oikea tapa WordPress-teemaan ja korjaa Uncaught TypeError: $ is not a function jQuery error.

tämä opetusohjelma auttaa sinua, jos sinulla on jokin alla olevista kysymyksistä:

  • miten lisätä Javascriptit ja tyylit oikein WordPress
  • miten tiedustella skriptejä ja tyylejä WordPress?
  • Lataa CSS: ää ja JavaScriptiä WordPressiin oikealla tavalla

:

toiselle Premium-sivustolleni halusin käyttää Typed.min.js oikeilla WordPress enqueue-valinnoilla.

työskennellessäni edellä olevan efektin perustamiseksi löysin jonkin oudon virheen, jota en ole ennen kohdannut. Katso kyseinen virhe alta:

edellä virhe tapahtui ennen wrong way-tapaa sisällyttää jQuery sivustolleni.

ennen koodin laittamista alatunnisteeseen manuaalisesti:

Wrong way to include jQuery

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

1
2
3
4
5
6
7
8
9
10
11
12
13

After – Right way to enqueue script in functions.php

Right way to enqueue script into WordPress theme

id=”2608605472″>

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

yllä olevassa koodissa on kaksi asiaa:

  1. ensinnäkin käytämme wp_enqueue_scriptfunktio, jolla on 3.parametri käyttää jQueryä ladattuna WordPressillä. Ei ole tarvetta lisätä jQuery manuaalisesti 🙂 . Tämä on oikea tapa enqueue script wordpress.
  2. muutimme myös funktiota $(function(){jQuery(function($){ korjataksemme Uncaught TypeError: $ is not a function virheen.

Toivottavasti tämä auttaa sinua korjaamaan ja tiedustelemaan jQuery-virhettä sivustollasi.

kommenter Jaikangamin ehdotuksen mukaan tässä on muutama vaihtoehto tämän virheen korjaamiseen:

Jos sinulla on tiedosto crunchify.js niin toinen vaihtoehto on aloittaa tiedosto näin.

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

onnellinen bloggaaminen.