Saat memprogram dalam JavaScript, jQuery banyak membantu dalam mengakses elemen secara instan. Misalnya, pemilih jQuery “ $ ” menawarkan penggunaan multifungsi untuk mengakses elemen dengan “ Indo ”, “ kelas ”, dll. Pemilih ini berfungsi selama pustaka jQuery yang sesuai disertakan dalam kode. Jika tidak, ini menampilkan kesalahan yang tidak terdefinisi.
Blog ini akan membahas “ kesalahan runtime: '$' tidak ditentukan ” dalam JavaScript.
Apa itu 'runtime error: '$' is undefined' di JavaScript?
“ $ ” adalah pemilih jQuery yang digunakan untuk mengakses elemen. Kesalahan yang disebutkan dapat terjadi jika pustaka jQuery tidak disertakan atau jika pustaka disertakan setelah fungsionalitas yang diterapkan.
Contoh 1: Terjadinya 'runtime error: '$' tidak terdefinisi' di JavaScript Tanpa Menentukan Perpustakaan jQuery
Dalam contoh ini, terjadinya kesalahan yang disebutkan akan dibahas dengan mengimplementasikan fungsionalitas yang sesuai tanpa menentukan pustaka jQuery:
< div >
< tombol onclick = 'Fungsisaya()' > Klik saya tombol >
< p Indo = 'demo' > p >
div >
< naskah >
fungsi myFunction ( ) {
$ ( '#demo' ) .innerHTML = 'Ini adalah Situs Web Linuxint' ;
}
naskah >
Dalam cuplikan kode di atas:
- Buat tombol yang dilampirkan dengan “ onclick ” acara mengarahkan ulang ke fungsi myFunction().
- Pada langkah selanjutnya, tambahkan ' elemen ” yang memiliki atribut “ Indo ”.
- Dalam kode JS, tentukan fungsi bernama “ Fungsiku() ”.
- Dalam definisinya, akses “ elemen ” dengan “ Indo ” melalui pemilih jQuery “ $ ”.
- Terakhir, terapkan ' innerHTML ” untuk menambahkan nilai teks yang dinyatakan ke elemen yang diambil.
- Perhatikan bahwa penggunaan pemilih “ $ ” tanpa menyertakan pustaka jQuery menampilkan “ kesalahan yang tidak ditentukan ”.
Keluaran
Seperti yang diamati, pemilih ' $ ” tidak dikenali karena pustaka yang sesuai tidak disertakan dalam kode.
Contoh 2: Terjadinya 'runtime error: '$' tidak terdefinisi' di JavaScript oleh
Menentukan Perpustakaan jQuery Setelah Fungsi Terapan
Dalam contoh khusus ini, terjadinya kesalahan yang disebutkan akan dibahas dengan menentukan pustaka jQuery setelah fungsinya diimplementasikan:
< h3 Indo = 'myPara' > Ini adalah situs web linuxhint h3 >< p Indo = 'demo' > p >
< naskah >
membiarkan a = $ ( 'myPara' ) .innerHTML;
$ ( 'demo' ) .innerHTML = a;
naskah >
< naskah src = 'https://ajax.googleapis.com/ajax/libs/jquery/3.6.1/jquery.min.js' > naskah >
Pada baris kode di atas:
- Demikian juga, sertakan judul dan paragraf yang menyatakan “ id ”, masing-masing.
- Di bagian kode JavaScript, sama halnya, akses paragraf yang disertakan dengan “ Indo ' Melalui ' $ pemilih.
- Juga, ambil (judul) konten teksnya menggunakan “ innerHTML ' Properti.
- Setelah itu, ulangi prosedur yang sama dengan paragraf yang disertakan dan alokasikan konten teks yang diambil dari heading.
- Terakhir, tentukan “ perpustakaan jQuery ” untuk menerapkan fungsinya.
- Perhatikan bahwa perpustakaan disertakan setelah fungsi yang diterapkan dengan bantuan ' $ ” pemilih, kesalahan yang tidak terdefinisi juga akan dicatat di konsol.
Keluaran
Sebagai solusinya, cukup tambahkan script jQuery ke dalam aplikasi.
Kesimpulan
“ kesalahan runtime: '$' tidak ditentukan ” dalam JavaScript dapat terjadi tanpa menentukan pustaka jQuery atau dengan menentukannya setelah fungsionalitas yang diterapkan. Dalam pendekatan sebelumnya, pemilih yang tidak ditentukan ' $ ” terbukti karena perpustakaan tidak disertakan. Dalam pendekatan terakhir, kesalahan terkait terjadi karena kode yang tidak disortir. Blog ini menjelaskan terjadinya “ kesalahan runtime: '$' tidak ditentukan ” dalam JavaScript.