A JavaScript-ben történő programozás során a jQuery sokat segít az elemek azonnali elérésében. Például a jQuery választó ' $ ” többfunkciós felhasználási lehetőséget kínál az elemek eléréséhez a „ id ”, „ osztály ” stb. Ez a választó mindaddig működik, amíg a megfelelő jQuery könyvtár szerepel a kódban. Ellenkező esetben meghatározatlan hibát jelenít meg.
Ez a blog a ' futásidejű hiba: a „$” nincs meghatározva ” JavaScriptben.
Mi az a „futásidejű hiba: a „$” nincs definiálva” a JavaScriptben?
Az ' $ ” az elemek eléréséhez használt jQuery választó. A megadott hiba akkor fordulhat elő, ha a jQuery könyvtár nincs benne, vagy ha a könyvtár az alkalmazott funkcionalitás után szerepel.
1. példa: „futásidejű hiba: a „$” nincs definiálva” előfordulása a JavaScriptben a jQuery könyvtár megadása nélkül
Ebben a példában a megadott hiba előfordulását a megfelelő funkcionalitás megvalósításával tárgyaljuk a jQuery könyvtár megadása nélkül:
< div >
< gomb kattintásra = 'myFunction()' > Kattints ide gomb >
< p id = 'demó' > p >
div >
< forgatókönyv >
funkció myFunction ( ) {
$ ( '#demó' ) .innerHTML = 'Ez a Linuxhint webhely' ;
}
forgatókönyv >
A fenti kódrészletben:
- Hozzuk létre a gombot, amelyhez egy „ kattintásra ” esemény átirányítása a myFunction() függvényre.
- A következő lépésben adja hozzá a „ ' attribútummal rendelkező elem ' id ”.
- A JS kódban definiáljon egy ' nevű függvényt myFunction() ”.
- Meghatározásában érje el a benne foglalt „ ' elem a ' id ” a jQuery választó segítségével” $ ”.
- Végül alkalmazza a „ innerHTML ” tulajdonság a megadott szövegérték hozzáfűzéséhez a letöltött elemhez.
- Vegye figyelembe, hogy a választó „ $ ' a jQuery könyvtár hozzáadása nélkül megjeleníti a ' meghatározatlan hiba ”.
Kimenet
Ahogy megfigyeltük, a választó „ $ ” nem ismerhető fel, mivel a megfelelő könyvtár nem szerepel a kódban.
2. példa: „futásidejű hiba: a „$” nincs definiálva” előfordulása a JavaScript-ben
A jQuery Library megadása az alkalmazott funkcionalitás után
Ebben a konkrét példában a kijelentett hiba előfordulását a jQuery könyvtár megadásával tárgyaljuk, miután a funkció megvalósult:
< h3 id = 'myPara' > Ez a linuxhint webhely h3 >< p id = 'demó' > p >
< forgatókönyv >
hagyja a = $ ( 'myPara' ) .innerHTML;
$ ( 'demó' ) .innerHTML = a;
forgatókönyv >
< forgatókönyv src = 'https://ajax.googleapis.com/ajax/libs/jquery/3.6.1/jquery.min.js' > forgatókönyv >
A fenti kódsorokban:
- Hasonlóképpen, tartalmazzon egy címsort és egy bekezdést, amely a következőt tartalmazza: azonosítók ”, ill.
- A kód JavaScript részében hasonlóképpen érje el a mellékelt bekezdést a „ id ' a ' $ ” választó.
- Ezenkívül kérje le a (címsor) szöveges tartalmát a „ innerHTML ' ingatlan.
- Ezután ismételje meg ugyanezt az eljárást a mellékelt bekezdéssel, és rendelje hozzá a címsor letöltött szöveges tartalmát.
- Végül adja meg a „ jQuery könyvtár ” funkcióinak alkalmazásához.
- Vegye figyelembe, hogy mivel a könyvtár az alkalmazott funkciók után szerepel a „ $ ” választót, a nem definiált hiba is naplózásra kerül a konzolon.
Kimenet
Megoldásként egyszerűen hozzáadja a jQuery szkriptet az alkalmazáshoz.
Következtetés
Az ' futásidejű hiba: a „$” nincs definiálva ” a JavaScriptben előfordulhat a jQuery könyvtár megadása nélkül, vagy az alkalmazott funkciók után megadva. Az előbbi megközelítésben a definiálatlan szelektor „ $ ” nyilvánvaló, mivel a könyvtárat nem tartalmazza. Az utóbbi megközelítésben a megfelelő hiba a rendezetlen kód miatt következik be. Ez a blog elmagyarázta a „ futásidejű hiba: a „$” nincs meghatározva ” JavaScriptben.