TypeError: $ nie jest funkcją podczas wywoływania funkcji jQuery

Mam prosty skrypt jQuery we wtyczce WordPress, który używa otoki jQuery:

$(document).ready(function(){

    // jQuery code is in here

});

Wywołuję ten skrypt z poziomu pulpitu WordPress i ładuję go PO załadowaniu środowiska jQuery.

Kiedy sprawdzam stronę w Firebug, ciągle otrzymuję komunikat o błędzie:

TypeError: $ nie jest funkcją

$ (dokument) .ready (function () {

Czy powinienem zawinąć skrypt w tę funkcję:

(function($){

    // jQuery code is in here

})(jQuery);

Ten błąd miałem już kilka razy i nie jestem pewien, jak sobie z tym poradzić.

Każda pomoc byłaby bardzo mile widziana.

Domyślnie podczas kolejkowania jQuery w Wordpress należy używać jQueryi $nie jest on używany (służy to kompatybilności z innymi bibliotekami).

Twoje rozwiązanie w pakowanie functionbędzie działało dobrze, lub możesz załadować jQuery w inny sposób (ale prawdopodobnie nie jest to dobry pomysł w Wordpress).

Jeśli musisz użyć document.ready, możesz przejść $do wywołania funkcji:

jQuery(function ($) { ...

To powinno to naprawić:

jQuery(document).ready(function($){
  //you can now use $ as your jQuery object.
  var body = $( 'body' );
});

Krótko mówiąc, WordPress uruchamia własne skrypty, zanim będzie to możliwe, i wypuszczają $var, aby nie kolidował z innymi bibliotekami. Ma to całkowity sens, ponieważ WordPress jest używany do wszelkiego rodzaju stron internetowych, aplikacji i oczywiście blogów.

Z ich dokumentacji:

Biblioteka jQuery zawarta w WordPress jest ustawiona na tryb noConflict () (patrz wp-zawiera / js / jquery / jquery.js). Ma to zapobiec problemom ze zgodnością z innymi bibliotekami JavaScript, które WordPress może połączyć.

W trybie noConflict () globalny skrót $ dla jQuery jest niedostępny ...

To rozwiązanie działało dla mnie

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

Przenieś swój kod do zamknięcia i użyj $zamiastjQuery

Znalazłem powyższe rozwiązanie w /magento/33348/uncaught-typeerror-undefined-is-not-a-function-when-using-a-jquery-plugin-in-ma

... po przeszukaniu zbyt wiele

Możesz uniknąć takich konfliktów

var jq=jQuery.noConflict();
jq(document).ready(function(){  
  alert("Hi this will not conflict now");
  jq('selector').show();
});

var $=jQuery.noConflict();

$(document).ready(function(){
    // jQuery code is in here
});

Podziękowania dla Ashwani Panwar i Cyssoo: https://stackoverflow.com/a/29341144/3010027

Spróbuj tego:

<script language="JavaScript" type="text/javascript" src="jquery/jquery.js"></script>
<script>
    jQuery.noConflict();
    (function ($) {
        function readyFn() {
            // Set your code here!!
        }

        $(document).ready(readyFn); 
    })(jQuery);

</script>

Musisz przekazać $ w funkcji ()

<script>
jQuery(document).ready(function($){

// jQuery code is in here

});
</script>

zamień $znak na jQuery następujący:

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

Dokładnie sprawdź referencje jQuery. Możliwe, że odwołujesz się do niego więcej niż raz lub wywołujesz funkcję zbyt wcześnie (przed zdefiniowaniem jQuery). Możesz spróbować, jak wspomniano w moich komentarzach i umieścić dowolne odwołanie do jQuery na górze pliku (w głowie) i sprawdzić, czy to pomoże.

Jeśli użyjesz enkapsulacji jQuery, to nie powinno pomóc w tym przypadku. Spróbuj, ponieważ uważam, że jest ładniejszy i bardziej oczywisty, ale jeśli jQuery nie zostanie zdefiniowany, otrzymasz te same błędy.

W końcu ... jQuery nie jest obecnie zdefiniowane.

Znajduję również dobre rozwiązanie do używania trybu jQuery noConflict.

(function($){

  $(document).ready(function(){
      // write code here
  });

  // or also you can write jquery code like this

  jQuery(document).ready(function(){
      // write code here
  });

})(jQuery);

Znalazłem to rozwiązanie stąd. https://thecodingstuff.com/how-to-properly-use-jquery-noconflict-mode-in-wordpress/

Posługiwać się

jQuery(document).

zamiast

$(document).

lub

W ramach funkcji $ wskazuje na jQuery, jak można się spodziewać

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

Co dla mnie zadziałało Pierwszą biblioteką do zaimportowania jest biblioteka zapytań, a następnie wywołuje metodę jQuery.noConflict ().

<head>
 <script type="text/javascript" src="jquery.min.js"/>
 <script>
  var jq = jQuery.noConflict();
  jq(document).ready(function(){
  //.... your code here
    });
 </script>

(funkcja ($) {
  „użyj ścisłego”;

  $ (funkcja () {

    // Twój kod tutaj

  });

} (jQuery));

<script>
var jq=jQuery.noConflict();
(function ($) 
    {
    function nameoffunction()
    {
        // Set your code here!!
    }

    $(document).ready(readyFn); 
    })(jQuery);

teraz użyj jq zamiast jQuery

Ten problem występuje, gdy nazwa funkcji i nazwa identyfikatora w pliku są takie same. upewnij się tylko, że wszystkie twoje identyfikatory w pliku są unikalne.

Możesz użyć

jQuery(document).read(function(){ ... });

lub

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