TypeError: 'undefined' is not a function (evaluating '$(document)')

Użyj jQuery ' S noConflict. To czyni cuda dla mnie

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

To znaczy, zakładając, że umieściłeś jQuery w HTML

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

Użyj tego:

var $ =jQuery.noConflict();

Spróbuj tego fragmentu:

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

[[2]] miałem ten problem tylko na Chrome.

Próbowałem dodać

var $ =jQuery.noConflict();

Tuż przed wywołaniem

$(document).ready(function () {

Wielkie dzięki

Sprawdź również, czy jQuery Zawiera, a następnie niektóre komponenty/inne biblioteki (takie jak jQuery UI), a następnie ponownie przypadkowo włącza jQuery - to zmieni definicję jQuery i upuści pomocników komponentów (jak .datepicker) poza instancją.

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

Umieść kod js wewnątrz zamknięcia powyżej, powinno to rozwiązać problem.

Użyłbym tego

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

Ja również borykałem się z takimi problemami wiele razy w Web develoment carrier. W rzeczywistości nie jest to konflikt JS, gdy ładujemy stronę html do przeglądarki nie napotykamy takiego błędu, ale gdy ładujemy tego typu stronę przez localhost napotykamy taki problem. To z powodu localhost. Gdy wczytywamy Skrypty przez localhost, skanuje on skrypt i renderuje wyjście. Ale kiedy nie korzystaliśmy z localhost. Skanuje tylko wyjście. Przykład, kiedy piszemy kod php umieszczamy localhost i uruchamiamy bez hosta dostajemy błąd. Ale jeśli kod jest poprawny i jest uruchamiany przez host, otrzymujemy rzeczywiste wyjście, a gdy użyjemy elementu inspect, otrzymujemy kod wyjściowy w formacie HTMl, ale nie w formacie PHP, jest to spowodowane renderowaniem kodu.

To jest błąd renderowania. Aby naprawić ten błąd kodu jquery, jedno z rozwiązań może używać tej metody.

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

Kod ten rejestruje ' $ ' jako zmienną funkcji poprzez zastosowanie jquery. Else domyślnie the .plik js jest odczytywany tylko jako javascript.

Napotkałem ten problem również podczas włączania jQuery do nagłówka mojej strony, nie zdając sobie sprawy, że host już włączył go do strony automatycznie. Załaduj swoją stronę na żywo i sprawdź źródło, aby sprawdzić, czy jQuery jest połączone.

Dwie rzeczy:

1. Upewnij się, że masz dodaną bibliotekę jQuery przed $(document).
2. Następnie po prostu zmień wszystkie " $ " z: jQuery, jak w poprzednich komentarzach.

Zawiń cały skrypt między tym...

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

Wiele bibliotek JavaScript używa $ jako nazwy funkcji lub zmiennej, tak jak robi to jQuery. W przypadku jQuery, $ jest tylko aliasem dla jQuery, więc wszystkie funkcje są dostępne bez użycia $. Jeśli chcesz użyć innej biblioteki JavaScript obok jQuery, zwróć kontrolkę $ back do innej biblioteki wywołując $.noConflict () . Stare referencje $ są zapisywane podczas inicjalizacji jQuery; noConflict () po prostu je przywraca.

Możesz użyć zarówno jQuery jak i $ in poniżej. to działało dla mnie

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

Możesz przekazać $ w funkcji ()

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

// jQuery code is in here

});

Lub możesz zastąpić $(document); tym jQuery(document);

Lub możesz użyć jQuery.noConflict()

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