Mens du programmerer i JavaScript, hjælper jQuery meget med at få adgang til elementerne med det samme. For eksempel jQuery-vælgeren ' $ ” tilbyder en multifunktionel brug af adgang til elementerne ved at ” id ', ' klasse ” osv. Denne vælger er funktionel, så længe det tilsvarende jQuery-bibliotek er inkluderet i koden. Ellers viser den en udefineret fejl.
Denne blog vil diskutere ' runtime fejl: '$' er udefineret ' i JavaScript.
Hvad er 'runtime error: '$' is undefined' i JavaScript?
Det ' $ ” er jQuery-vælgeren, der bruges til at få adgang til elementerne. Den angivne fejl kan opstå, hvis jQuery-biblioteket ikke er inkluderet, eller hvis biblioteket er inkluderet efter den anvendte funktionalitet.
Eksempel 1: Forekomst af 'runtime error: '$' is undefined' i JavaScript uden at angive jQuery-biblioteket
I dette eksempel vil forekomsten af den angivne fejl blive diskuteret ved at implementere den tilsvarende funktionalitet uden at specificere jQuery-biblioteket:
< div >
< knap onclick = 'myFunction()' > Klik på mig knap >
< s id = 'demo' > s >
div >
< manuskript >
fungere minFunktion ( ) {
$ ( '#demo' ) .innerHTML = 'Dette er Linuxhint hjemmeside' ;
}
manuskript >
I ovenstående kodestykke:
- Opret knappen vedhæftet med en ' onclick ” hændelse, der omdirigerer til funktionen myFunction().
- I det næste trin skal du tilføje ' ' element med en attribut ' id ”.
- I JS-koden skal du definere en funktion med navnet ' myFunction() ”.
- I sin definition skal du få adgang til den inkluderede ' ' element ved dets ' id ' via jQuery-vælgeren ' $ ”.
- Til sidst skal du anvende ' indreHTML ” egenskab for at tilføje den angivne tekstværdi til det hentede element.
- Bemærk, at brugen af vælgeren ' $ ' uden at inkludere jQuery-biblioteket viser ' udefineret fejl ”.
Produktion
Som bemærket, vælgeren ' $ ” genkendes ikke, da det tilsvarende bibliotek ikke er inkluderet i koden.
Eksempel 2: Forekomst af 'runtime error: '$' is undefined' i JavaScript af
Angivelse af jQuery-biblioteket efter anvendt funktionalitet
I dette særlige eksempel vil forekomsten af den angivne fejl blive diskuteret ved at specificere jQuery-biblioteket efter dets funktionalitet er implementeret:
< h3 id = 'myPara' > Dette er linuxhint hjemmeside h3 >< s id = 'demo' > s >
< manuskript >
lade a = $ ( 'myPara' ) .innerHTML;
$ ( 'demo' ) .innerHTML = a;
manuskript >
< manuskript src = 'https://ajax.googleapis.com/ajax/libs/jquery/3.6.1/jquery.min.js' > manuskript >
I ovenstående kodelinjer:
- På samme måde skal du inkludere en overskrift og et afsnit med det angivne ' id'er ', henholdsvis.
- I JavaScript-delen af koden kan du på samme måde få adgang til det inkluderede afsnit ved at ' id ' via ' $ ” vælgeren.
- Hent også dens (overskrift) tekstindhold ved hjælp af ' indreHTML ” ejendom.
- Gentag derefter den samme procedure med det inkluderede afsnit og allokér det hentede tekstindhold i overskriften.
- Til sidst skal du angive ' jQuery bibliotek ” for at anvende dens funktionaliteter.
- Bemærk, at da biblioteket er inkluderet efter de anvendte funktioner ved hjælp af ' $ ” vælgeren, vil den udefinerede fejl også blive logget på konsollen.
Produktion
Som en løsning skal du blot tilføje jQuery-scriptet til applikationen.
Konklusion
Det ' runtime fejl: '$' er udefineret ” i JavaScript kan forekomme uden at angive jQuery-biblioteket eller ved at angive det efter de anvendte funktioner. I den tidligere tilgang, den udefinerede vælger ' $ ” er tydeligt, da biblioteket ikke er inkluderet. I sidstnævnte tilgang opstår den tilsvarende fejl på grund af den usorterede kode. Denne blog forklarede forekomsten af ' runtime fejl: '$' er udefineret ' i JavaScript.