ReferenceError Uncaught: $ tidak didefinisikan?

Kenapa kode ini melempar

ReferenceError Uncaught: $ tidak didefinisikan

kapan itu baik-baik saja sebelumnya?

$(document).ready(function() {
    $('#tabs > ul').tabs({ fx: { opacity: 'toggle' } });
    $('#featuredvid > ul').tabs();
});

Hasil dalam tab tidak ditutup lagi.

jQuery direferensikan di header:

<script language="JavaScript" type="text/javascript" src="<?php echo get_option('siteurl') ?>/js/sprinkle.js"></script>
<script language="JavaScript" type="text/javascript" src="<?php echo get_option('siteurl') ?>/js/jquery-1.2.6.min.js"></script>
<script language="JavaScript" type="text/javascript" src="<?php echo get_option('siteurl') ?>/js/jquery-ui-personalized-1.5.2.packed.js"></script>

Anda harus menempatkan referensi ke skrip jquery terlebih dahulu.

<script language="JavaScript" type="text/javascript" src="/js/jquery-1.2.6.min.js"></script>
<script language="JavaScript" type="text/javascript" src="/js/jquery-ui-personalized-1.5.2.packed.js"></script>
<script language="JavaScript" type="text/javascript" src="/js/sprinkle.js"></script>

Anda memanggil fungsi siap sebelum JavaScript jQuery disertakan. Referensi jQuery pertama.

Inilah yang memecahkannya untuk saya. Awalnya saya pergi ke Google dan menyalin dan menempelkan cuplikan saran mereka untuk jQuery di halaman CDN mereka:

<script src="//ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>

Cuplikan tidak menyertakan HTTP:atau HTTPS:dalam srcatribut tetapi peramban saya, FireFox, memerlukannya sehingga saya mengubahnya menjadi: edit: ini juga berfungsi untuk saya dengan Google Chrome

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>

Lalu berhasil.

Jika skrip khusus Anda dimuat sebelum plugin jQuery dimuat ke browser, maka masalah jenis ini dapat terjadi. Jadi, selalu simpan kode JavaScript atau jQuery Anda sendiri setelah memanggil plugin jQuery sehingga solusinya adalah:

Pertama tambahkan tautan ke file jQuery yang dihosting di GoogleApis atau file jQuery lokal yang akan Anda unduh dari http://jquery.com/download/ dan host di server Anda:

<script src="//ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>

atau plugin apa pun untuk jQuery. Kemudian masukkan tautan atau kode file skrip khusus Anda:

<script src="js/custom.js" type="text/javascript"></script>

Dalam kasus saya, saya meletakkan .jsfile sebelum tautan skrip jQuery, meletakkan .jsfile setelah tautan skrip jQuery menyelesaikan masalah saya.

<script src="http://code.jquery.com/jquery-1.10.2.js"></script>
<script src="http://code.jquery.com/ui/1.11.2/jquery-ui.js"></script>
<script src="http://maxcdn.bootstrapcdn.com/bootstrap/3.2.0/js/bootstrap.min.js"></script>
<script src="exponential.js"></script>

Oke, masalah saya berbeda - itu adalah model Keamanan Dokumen di Chrome .

Melihat jawaban di sini, jelas bahwa saya entah bagaimana tidak memuat file jquery saya sebelum memanggil $(document).ready()fungsi dll. Namun, mereka semua berada di posisi yang benar.

Dalam kasus saya, ini adalah karena saya mengakses konten melalui koneksi HTTPS yang aman, sedangkan halaman tersebut mencoba mengunduh data yang di-host CDN dari google, dll. Solusinya adalah menyimpannya secara lokal dan kemudian memasukkan kemudian secara langsung daripada dari CDN setiap waktu.

Sunting : Cara lain untuk melakukan ini adalah dengan menautkan ke semua hal yang diinangi CDN sebagai https: // daripada http: // - maka model tidak mengeluh.

Tambahkan perpustakaan sebelum Anda memulai skrip. Anda dapat menambahkan salah satu dari CDN berikut ini untuk memulainya.

Google:

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>

Microsoft

<script src="https://ajax.aspnetcdn.com/ajax/jQuery/jquery-3.2.1.min.js"></script>

Jquery

Jika Anda ingin versi cdn Jquery lainnya periksa tautan ini .

Setelah ini:

<script type="text/javascript">
$(function(){
    //your stuff
});
or
$(document).ready(function(){
    //your stuff
});    
</script>

Wordpress:

<script type="text/javascript">
var $ = jQuery;
jQuery(document).ready(function($){
     //your stuff
});
</script>

Jika di wordpress, mungkin perlu diubah

$(document).ready(function() {

untuk

jQuery(document).ready(function($){

atau tambahkan

var $ = jQuery;

sebelum

$(document).ready(function() {

Saya memiliki masalah yang sama persis dan tidak ada solusi di atas yang membantu. Namun, saya hanya menautkan .cssfile setelah .jsfile dan masalah secara ajaib menghilang. Semoga ini membantu.

Saya ingin mencoba membuat skrip saya asinkron . Kemudian saya lupa tentang hal itu dan ketika saya menjalankan file .js [custom] hanya memuat 50% dari waktu sebelum jQuery.js.

Jadi saya berubah

<script async src="js/script.js"></script>

untuk

<script src="js/script.js"></script>

Dalam kasus saya, saya memiliki referenceError ini karena urutan panggilan skrip salah. Memecahkannya dengan mengubah urutan:

<script src="js/index.js"></script>
<script src="js/jquery-1.10.2.js"></script>

untuk

<script src="js/jquery-1.10.2.js"></script>
<script src="js/index.js"></script>

Saya memiliki masalah yang sama, dan saya menyelesaikannya dengan meletakkan jQuery di bagian atas semua kode javascript yang saya miliki dalam kode saya.

Sesuatu seperti ini:

<script src="https://code.jquery.com/jquery-3.3.1.js"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/js/bootstrap.min.js"></script>
<script src="js/app.js" type="text/javascript"></script>
<script src="js/form.js" type="text/javascript"></script>
<script src="js/create.js" type="text/javascript"></script>
<script src="js/tween.js" type="text/javascript"></script>

Semoga bisa membantu seseorang di masa depan.

Anda memanggil ready()fungsi sebelum JavaScript jQuery disertakan. Referensi jQuery pertama.

Jika Anda menggunakan ASP.NET MVC, Anda dapat menentukan kapan kode JS Anda harus dirender, dengan melakukan ini:

1, Dalam page.cshtmlmembungkus <script>tag Anda menjadi bagian, dan berikan nama, nama yang umum digunakan adalah 'skrip':

@section scripts {
    <script>
        // JS code...
    </script>
}

2, Di _Layout.cshtmlhalaman Anda tambahkan @RenderSection("Scripts", required: false), pastikan untuk memasukkannya setelah Anda mereferensikan sumber Jquery, ini akan membuat kode JS Anda render lebih lambat dari Jquery.

Jika Anda melakukan ini di .Net dan memiliki file skrip direferensikan dengan benar dan Anda jQuery terlihat baik, pastikan bahwa pengguna Anda memiliki akses ke file skrip. Proyek yang saya kerjakan (seorang rekan kerja) memiliki web.config mereka yang menolak akses ke pengguna anonim. Halaman yang sedang saya kerjakan dapat diakses oleh pengguna anonim sehingga mereka tidak memiliki akses ke file skrip. Menjatuhkan yang berikut ke web.config dan semuanya benar di dunia:

  <location path="Scripts">
    <system.web>
      <authorization>
        <allow users="*"/>
      </authorization>
    </system.web>
  </location>

Dalam kasus saya itu salah ketik, saya lupa backslash dan salah referensi sumber.

Sebelum src="/scripts/jquery.js"

Setelah    src="scripts/jquery.js"

File sumber jquery-1.2.6.min.jstidak disebut perintah jQuery $()dijalankan lebih awal dari <..src='jquery-1.2.6.min.js'>.

Silakan jalankan <.. src="/js/jquery-1.2.6.min.js..">terlebih dahulu dan pastikan jalur src benar, kemudian jalankan perintah jquery

$(document).ready(function() 

Ini terjadi pada saya sebelumnya.

Alasannya adalah bahwa saya menghubungkan Android ke tampilan web dengan JS. Dan saya mengirim parameter tanpa tanda kutip.

js.sayHello(hello);

dan ketika saya mengubahnya menjadi

js.sayHello('hello');

itu berhasil.

File JavaScript Anda tidak ada sehingga kesalahan ini terjadi. Cukup tambahkan file JavaScript di dalam <head>tag. Lihat contohnya:

<script src="js/sample.js" type="text/javascript"></script>
<link href="css/sample.css" rel="stylesheet" type="text/css" />

atau tambahkan kode berikut dalam tag:

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>

Kesalahan akan terjadi dalam dua skenario berikut juga.

1. Elemen skrip @section tidak ada dari file HTML
2. Kesalahan dalam mengakses elemen DOM. Misalnya mengakses elemen DOM disebut sebagai $ ("js-toggle") alih-alih $ (". Js-toggle"). Sebenarnya masa itu hilang

Jadi 3 hal yang harus diikuti - periksa skrip yang diperlukan ditambahkan, periksa apakah itu ditambahkan dalam urutan yang diperlukan dan kesalahan sintaks ketiga di Java Script Anda.

Doh! Saya memiliki tanda kutip campuran dalam tag saya yang menyebabkan referensi jquery rusak. Melakukan inspeksi di Chrome memungkinkan saya untuk melihat bahwa file tersebut tidak ditautkan dengan benar.

Dalam kasus saya, saya lupa memasukkan ini:

 <script src ="jquery-2.1.1.js"></script>

Sebelumnya saya hanya memasukkan jquery-mobile yang menyebabkan kesalahan ini.

Saya memodifikasi tag skrip untuk menunjuk ke konten yang tepat dan mengubah urutan skrip menjadi yang tepat di editor. Tapi benar-benar lupa menyimpan perubahan.

Saya memiliki masalah yang sama dan itu karena saya kehilangan> penutup pada link style sheet.

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.4/jquery.min.js"></script>
<script type="text/javascript" src="local_xxx.js"></script>

Saya memiliki masalah yang sama, dan Anda tahu, itu karena jaringan terputus ketika saya menguji di perangkat android tampilan web dan saya tidak menyadarinya, dan lokal tidak ada masalah untuk memuat karena tidak memerlukan jaringan. Tampaknya konyol tapi itu menyia-nyiakan ~ 1 jam saya untuk mengetahuinya.

Anda belum mereferensikan perpustakaan jQuery.

Anda harus menyertakan baris yang mirip dengan ini di HTML Anda:

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script>

Saya memiliki masalah serupa. Server pengujian saya berfungsi baik dengan "http". Namun gagal dalam produksi yang memiliki SSL.

Jadi dalam produksi, saya menambahkan "HTPPS" bukan "HTTP" dan dalam pengujian, saya tetap seperti itu "HTTP".

Uji:

wp_register_script( 'jquery', 'http://ajax.googleapis.com/ajax/libs/jquery/1.11.2/jquery.min.js', array(), null, false );

wp_register_script( 'custom-script', plugins_url( '/js/custom.js', __FILE__ ), array( 'jquery' ) );

Produksi:

wp_register_script( 'jquery', 'https://ajax.googleapis.com/ajax/libs/jquery/1.11.2/jquery.min.js', array(), null, false );

wp_register_script( 'custom-script', plugins_url( '/js/custom.js', __FILE__ ), array( 'jquery' ) );

Semoga ini bisa membantu seseorang yang sedang mengerjakan wordpress.

Cukup aneh, masalah saya berasal dari PHP.

Panggilan REST API gagal, dan itu melanggar pemuatan perpustakaan setelahnya. Karena kegagalan berasal dari panggilan REST, itu tidak memberi saya kesalahan kompilasi php.

Simpan ini sebagai opsi juga, jika memuat jquery tampaknya ok.

Saya mengalami masalah ini, ketika saya menjelajahi internet melalui hotspot seluler saya. itu juga mengompresi gambar dan menambahkan skrip berikut di bagian bawah tag tubuh

<script language="javascript"><!--
bmi_SafeAddOnload(bmi_load,"bmi_orig_img");//-->
</script>

Ketika saya terhubung ke koneksi wifi yang tepat, semua sepertinya berfungsi untuk saya. Semoga ini bisa membantu seseorang.

Ini juga bisa terjadi, jika ada masalah jaringan. Yang berarti, bahwa meskipun "skrip jquery" sudah ada, dan dimasukkan sebelum penggunaan, karena skrip jquery tidak dapat diakses, pada saat memuat halaman, maka definisi ke "$" diperlakukan sebagai "referensi tidak terdefinisi".

UNTUK TUJUAN / TUJUAN DEBUG :: Anda dapat mencoba mengakses url "jquery-script" di browser. Jika itu dapat diakses, halaman Anda, harus memuat dengan benar, jika tidak maka akan ditampilkan kesalahan yang dikatakan (atau kesalahan terkait skrip lainnya). Contoh - http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js harus dapat diakses, di browser (atau posisi konteks browser).

Saya memiliki masalah yang sama, di mana saya dapat memuat halaman html (menggunakan skrip) di windows-host-browser saya, tetapi tidak dapat memuat di vm-ubuntu. Memecahkan masalah jaringan, menyelesaikan masalah.

var $ = jQuery;
jQuery(document).ready(function($){