TypeError: 'undefined' bukan sebuah fungsi (mengevaluasi '$ (dokumen)')

1. Saya menggunakan situs WordPress.
2. Saya menyertakan skrip ini di header.

Saat skrip dimuat, saya mendapatkan kesalahan ini:

TypeError: 'undefined' bukan sebuah fungsi (mengevaluasi '$ (dokumen)')

Saya tidak tahu apa yang menyebabkannya atau apa artinya itu.

Di pembakar, saya mendapatkan ini:

$ bukan fungsi

Wordpress menggunakan jQuery dalam mode noConflict secara default. Anda perlu merujuknya menggunakan jQuerynama variabel, bukan $, mis. Gunakan

jQuery(document);

dari pada

$(document);

Anda dapat dengan mudah menyelesaikan ini dalam fungsi yang dapat dieksekusi sendiri sehingga $merujuk ke jQuery lagi (dan menghindari polusi namespace global juga), misalnya

(function ($) {
   $(document);
}(jQuery));

Gunakan jQuery's noConflict. Itu membuat keajaiban bagi saya

var example=jQuery.noConflict();
example(function(){
example('div#rift_connect').click(function(){
    example('span#resultado').text("Hello, dude!");
    });
});

Artinya, anggap Anda memasukkan jQuery pada HTML Anda

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

Gunakan ini:

var $ =jQuery.noConflict();

Coba cuplikan ini:

jQuery(function($) {
  // Your code.
})

Itu bekerja untuk saya, mungkin itu akan membantu Anda juga.

Saya punya masalah ini hanya di Chrome.

Saya mencoba menambahkan

var $ =jQuery.noConflict();

sebelum menelepon

$(document).ready(function () {

Itu berhasil.

Terima kasih banyak

Juga periksa untuk memasukkan jQuery, diikuti oleh beberapa komponen / perpustakaan lain (seperti jQuery UI) dan kemudian secara tidak sengaja memasukkan jQuery lagi - ini akan mendefinisikan ulang jQuery dan menjatuhkan komponen pembantu (seperti .depeper) dari contoh.

 ;(function($){
        // your code
    })(jQuery);

Tempatkan kode js Anda di dalam penutupan di atas, itu harus menyelesaikan masalah.

Saya akan menggunakan ini

(function ($) {
   $(document);
}(jQuery));

Saya juga sering menghadapi masalah seperti itu di web develoment carrier. Sebenarnya ini bukan konflik JS, Ketika kita memuat situs web html ke browser kita tidak menghadapi kesalahan seperti itu, tetapi ketika kita memuat situs web jenis ini melalui localhost kita menghadapi masalah seperti itu. Itu karena localhost. Ketika kami memuat skrip melalui localhost, ia memindai skrip dan menampilkan hasilnya. Tetapi ketika kami tidak menggunakan localhost. Itu hanya memindai output. Contoh, ketika kita menulis kode php menempatkan localhost dan berjalan tanpa host kita mendapatkan kesalahan. Tetapi jika kode itu benar dan dijalankan melalui host kita mendapatkan output aktual, dan ketika kita menggunakan elemen periksa kita mendapatkan kode output dalam format HTMl tetapi tidak dalam format PHP ini karena rendering kode.

Ini adalah kesalahan render. Jadi untuk memperbaiki kesalahan kode jquery ini salah satu solusinya mungkin menggunakan metode ini.

jQuery(document).ready(function($){
/******** Body of Jquery Code*****/
});

Apa yang dilakukan kode ini adalah mendaftarkan '$' sebagai variabel ke fungsi dengan menerapkan jquery. Jika tidak, file .js hanya dibaca sebagai javascript.

Saya mengalami masalah ini juga ketika memasukkan jQuery di header halaman saya, tidak menyadari bahwa host sudah memasukkannya ke halaman secara otomatis. Jadi muat laman Anda langsung dan periksa sumbernya untuk melihat apakah jQuery sedang ditautkan.

Dua hal:

1. Pastikan Anda memiliki pustaka jQuery yang ditambahkan, sebelum $ (dokumen) Anda.
2. Kemudian cukup ganti semua "$" dengan: jQuery, seperti komentar sebelumnya.

bungkus semua skrip di antara ini ...

<script>
    $.noConflict();
    jQuery( document ).ready(function( $ ) {
      // Code that uses jQuery's $ can follow here.
    });
</script>

Banyak pustaka JavaScript menggunakan $ sebagai fungsi atau nama variabel, seperti halnya jQuery. Dalam kasus jQuery, $ hanyalah alias untuk jQuery, jadi semua fungsionalitas tersedia tanpa menggunakan $. Jika Anda perlu menggunakan pustaka JavaScript lain bersama jQuery, kembalikan kontrol $ kembali ke pustaka lain dengan panggilan ke $ .noConflict () . Referensi lama $ disimpan selama inisialisasi jQuery; noConflict () cukup mengembalikannya.

Anda dapat menggunakan potongan jQuery dan $ in di bawah ini. itu berhasil untuk saya

jQuery( document ).ready(function( $ ) {
  // jQuery(document)
  // $(document)
});

Anda dapat melewati fungsi $ in ()

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

// jQuery code is in here

});

atau Anda bisa menggantinya $(document);dengan inijQuery(document);

atau bisa kamu gunakan jQuery.noConflict()

var jq=jQuery.noConflict();
jq(document).ready(function(){  
  jq('selector').show();
});