TypeError: $ jQuery işlevi çağrılırken bir işlev değildir

Böyle bir jQuery sarıcı kullanan bir WordPress eklentisi basit bir jQuery komut dosyası var:

$(document).ready(function(){

    // jQuery code is in here

});

Bu komut dosyasını WordPress Dashboard içinden çağırıyorum ve jQuery çerçevesi yüklendikten SONRA yüklüyorum.

Firebug'daki sayfayı kontrol ettiğimde sürekli olarak hata mesajını almaya devam ediyorum:

TypeError: $ bir işlev değil

$ (Document) .ready (function () {

Ben belki bu işlevde komut dosyası sarmak gerekir:

(function($){

    // jQuery code is in here

})(jQuery);

Bu hatayı birkaç kez yaşadım ve nasıl ele alınacağından emin değilim.

Herhangi bir yardım büyük mutluluk duyacağız.

Wordpress'te jQuery'yi enqueue yaparken varsayılan olarak kullanmanız gerekir jQueryve $kullanılmaz (bu, diğer kitaplıklarla uyumluluk içindir).

Sarma çözümünüz functioniyi çalışır veya jQuery'yi başka bir şekilde yükleyebilirsiniz (ancak muhtemelen Wordpress'te iyi bir fikir değildir).

Kullanmanız gerekiyorsa document.ready, aslında $işlev çağrısına geçebilirsiniz :

jQuery(function ($) { ...

Bu sorunu düzeltmelidir:

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

Basitçe söylemek gerekirse, WordPress yapmadan önce kendi komut dosyalarını çalıştırır ve $ var olan diğer çarpışmayacak şekilde . WordPress her türlü web sitesi, uygulama ve elbette bloglar için kullanıldığından, bu tamamen mantıklıdır.

Belgelerinden:

WordPress ile gelen jQuery kitaplığı noConflict () moduna ayarlanmıştır (bkz. Wp-include / js / jquery / jquery.js). Bu, WordPress'in bağlayabileceği diğer JavaScript kitaplıklarıyla uyumluluk sorunlarını önlemek içindir.

NoConflict () modunda, jQuery için global $ kısayolu kullanılamaz ...

Bu çözüm benim için çalıştı

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

Kodunuzu kapağın içine taşıyın ve $yerinejQuery

Yukarıdaki çözümü /magento/33348/uncaught-typeerror-undefined-is-not-a-function-when-using-a-jquery-plugin-in-ma içinde buldum

... çok fazla aradıktan sonra

Böyle bir çatışmayı önleyebilirsiniz

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
});

Ashwani Panwar ve Cyssoo'ya verilen cevap: https://stackoverflow.com/a/29341144/3010027

Bunu dene:

<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>

() İşlevinde $ iletmeniz gerekiyor

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

// jQuery code is in here

});
</script>

$işareti şu şekilde değiştirin jQuery :

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

JQuery referanslarınızı iki kez kontrol edin. Bir kereden fazla başvuruda bulunmanız veya işlevinizi çok erken çağırmanız mümkündür (jQuery tanımlanmadan önce). Yorumlarımda belirtildiği gibi deneyebilir ve herhangi bir jQuery referansını dosyanızın başına (başa) koyabilir ve bunun yardımcı olup olmadığını görebilirsiniz.

JQuery kapsüllemesini kullanıyorsanız, bu durumda yardımcı olmamalıdır. Ben daha güzel ve daha belirgin olduğunu düşünüyorum çünkü deneyin, ama jQuery tanımlanmadıysa aynı hataları alırsınız.

Sonunda ... jQuery şu anda tanımlanmamış.

Ayrıca, jQuery noConflict modunu kullanmak için iyi bir çözüm buluyorum.

(function($){

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

  // or also you can write jquery code like this

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

})(jQuery);

Bu çözümü buradan buldum. https://thecodingstuff.com/how-to-properly-use-jquery-noconflict-mode-in-wordpress/

kullanım

jQuery(document).

onun yerine

$(document).

veya

İşlev içinde $ beklediğiniz gibi jQuery'yi gösterir

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

Benim için ne işe yaradı. İçe aktarılacak ilk kütüphane sorgu kütüphanesidir ve hemen ardından jQuery.noConflict () yöntemini çağırın.

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

(işlev ($) {
  "katı kullanın";

  $ (function () {

    // Kodunuz buraya

  });

} (JQuery));

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

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

şimdi jQuery yerine jq kullanın

İşlev adınız ve dosyadaki kimlik adlarından biri aynı olduğunda bu sorunla karşılaşırsınız. dosyadaki tüm kimlik adlarınızın benzersiz olduğundan emin olun.

Kullanabilirsiniz

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

veya

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