Tijdens het programmeren in JavaScript helpt jQuery veel bij het direct toegang krijgen tot de elementen. Bijvoorbeeld de jQuery-selector ' $ 'biedt een multifunctioneel gebruik van toegang tot de elementen door' ID kaart ”, “ klas ”, enz. Deze selector is functioneel zolang de bijbehorende jQuery-bibliotheek in de code is opgenomen. Anders wordt er een ongedefinieerde fout weergegeven.
In deze blog wordt ingegaan op de “ runtime-fout: '$' is ongedefinieerd ” in javascript.
Wat is de 'runtime-fout: '$' is niet gedefinieerd' in JavaScript?
De ' $ ” is de jQuery-selector die wordt gebruikt om toegang te krijgen tot de elementen. De vermelde fout kan optreden als de jQuery-bibliotheek niet is opgenomen of als de bibliotheek is opgenomen na de toegepaste functionaliteit.
Voorbeeld 1: optreden van 'runtime-fout: '$' is ongedefinieerd' in JavaScript zonder de jQuery-bibliotheek te specificeren
In dit voorbeeld wordt het optreden van de vermelde fout besproken door de overeenkomstige functionaliteit te implementeren zonder de jQuery-bibliotheek te specificeren:
< div >
< knop bij klikken = 'mijnFunctie()' > Klik hier knop >
< p ID kaart = 'demonstratie' > p >
div >
< script >
functie mijnFunctie ( ) {
$ ( '#demo' ) .innerHTML = 'Dit is de Linuxhint-website' ;
}
script >
In het bovenstaande codefragment:
- Maak de knop gekoppeld met een ' bij klikken ”gebeurtenis die doorverwijst naar de functie myFunction().
- Voeg in de volgende stap de ' 'element met een attribuut' ID kaart ”.
- Definieer in de JS-code een functie met de naam ' mijnFunctie() ”.
- In zijn definitie, toegang tot de meegeleverde ' 'element door zijn' ID kaart ” via de jQuery-selector “ $ ”.
- Pas ten slotte de ' binnenHTML ” eigenschap om de vermelde tekstwaarde toe te voegen aan het opgehaalde element.
- Merk op dat het gebruik van de selector ' $ ' zonder de jQuery-bibliotheek op te nemen, wordt de ' ongedefinieerde fout ”.
Uitgang
Zoals opgemerkt, de selector ' $ ” wordt niet herkend omdat de overeenkomstige bibliotheek niet in de code is opgenomen.
Voorbeeld 2: Optreden van 'runtime error: '$' is undefined' in JavaScript door
De jQuery-bibliotheek specificeren na toegepaste functionaliteit
In dit specifieke voorbeeld wordt het optreden van de vermelde fout besproken door de jQuery-bibliotheek te specificeren nadat de functionaliteit ervan is geïmplementeerd:
< h3 ID kaart = 'mijnPara' > Dit is een linuxhint-website h3 >< p ID kaart = 'demonstratie' > p >
< script >
laat een = $ ( 'mijnPara' ) .innerHTML;
$ ( 'demonstratie' ) .innerHTML = een;
script >
< script src = 'https://ajax.googleapis.com/ajax/libs/jquery/3.6.1/jquery.min.js' > script >
In de bovenstaande regels code:
- Voeg ook een kop en een alinea toe met de vermelding ' id's ”, respectievelijk.
- Ga in het JavaScript-gedeelte van de code op dezelfde manier naar de opgenomen paragraaf door zijn ' ID kaart ' via de ' $ 'kiezer.
- Haal ook de inhoud van de (kop)tekst op met behulp van de ' binnenHTML ' eigenschap.
- Herhaal daarna dezelfde procedure met de opgenomen alinea en wijs de opgehaalde tekstinhoud van de kop toe.
- Specificeer ten slotte de ' jQuery-bibliotheek ” om de functionaliteiten toe te passen.
- Merk op dat aangezien de bibliotheek wordt opgenomen na de toegepaste functionaliteiten met behulp van de ' $ ”-selector, wordt de ongedefinieerde fout ook op de console geregistreerd.
Uitgang
Als oplossing voegt u eenvoudig het jQuery-script toe aan de toepassing.
Gevolgtrekking
De ' runtime-fout: '$' is ongedefinieerd ” in JavaScript kan voorkomen zonder de jQuery-bibliotheek te specificeren of door deze op te geven na de toegepaste functionaliteiten. In de eerste benadering, de ongedefinieerde selector ' $ ” is duidelijk aangezien de bibliotheek niet is inbegrepen. Bij de laatste benadering treedt de overeenkomstige fout op vanwege de ongesorteerde code. In deze blog werd het ontstaan van de “ runtime-fout: '$' is ongedefinieerd ” in javascript.