TypeError: $ не является функцией при вызове функции jQuery

У меня есть простой скрипт jQuery в плагине WordPress, который использует обертку jQuery, как это:

$(document).ready(function(){

    // jQuery code is in here

});

Я вызываю этот скрипт из панели управления WordPress и загружаю его ПОСЛЕ загрузки инфраструктуры jQuery.

Когда я проверяю страницу в Firebug, я постоянно получаю сообщение об ошибке:

Ошибка типа: $ не является функцией

$ (Документ) .ready (функция () {

Должен ли я обернуть скрипт в эту функцию:

(function($){

    // jQuery code is in here

})(jQuery);

У меня была эта ошибка довольно много раз, и я не уверен, как с ней справиться.

Любая помощь будет принята с благодарностью.

По умолчанию, когда вы ставите jQuery в очередь в Wordpress, вы должны его использовать jQuery, и $он не используется (это для совместимости с другими библиотеками).

Ваше решение оборачивать это functionбудет работать нормально, или вы можете загрузить jQuery другим способом (но это, вероятно, не очень хорошая идея в Wordpress).

Если вы должны использовать document.ready, вы можете перейти $к вызову функции:

jQuery(function ($) { ...

Это должно исправить это:

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

Проще говоря, WordPress запускает свои собственные сценарии раньше, чем вы, и они выпускают $var, чтобы он не конфликтовал с другими библиотеками. Это имеет смысл, поскольку WordPress используется для всех видов веб-сайтов, приложений и, конечно, блогов.

Из их документации:

Библиотека jQuery, включенная в WordPress, установлена ​​в режим noConflict () (см. Wp-includes / js / jquery / jquery.js). Это сделано для предотвращения проблем совместимости с другими библиотеками JavaScript, на которые может ссылаться WordPress.

В режиме noConflict () глобальный ярлык $ для jQuery недоступен ...

Это решение сработало для меня

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

Переместите свой код в замыкание и используйте $вместоjQuery

Я нашел вышеуказанное решение в /magento/33348/uncaught-typeerror-undefined-is-not-a-function-when-using-a-jquery-plugin-in-ma

... после поиска слишком много

Вы можете избежать конфликта, как это

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

Благодарим Ашвани Панвара и Сайссо за ответ: https://stackoverflow.com/a/29341144/3010027

Попробуй это:

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

Вы должны передать $ в функции ()

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

// jQuery code is in here

});
</script>

заменить $знак jQuery следующим образом:

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

Дважды проверьте ваши ссылки JQuery. Возможно, вы либо ссылаетесь на него более одного раза, либо вызываете свою функцию слишком рано (до того, как будет определен jQuery). Вы можете попробовать, как упомянуто в моих комментариях, и поместить любую ссылку на jQuery вверху вашего файла (в заголовке) и посмотреть, поможет ли это.

Если вы используете инкапсуляцию jQuery, это не поможет в этом случае. Пожалуйста, попробуйте, потому что я думаю, что это красивее и очевиднее, но если jQuery не определен, вы получите те же ошибки.

В конце ... jQuery в настоящее время не определен.

Также я нахожу хорошее решение для использования режима 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);

Я нашел это решение отсюда. https://thecodingstuff.com/how-to-properly-use-jquery-noconflict-mode-in-wordpress/

использование

jQuery(document).

вместо того

$(document).

или

Внутри функции $ указывает на jQuery, как и следовало ожидать

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

Что сработало для меня. Первая библиотека для импорта - это библиотека запросов, которая затем вызывает метод jQuery.noConflict ().

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

(функция ($) {
  «использовать строгое»;

  $ (function () {

    // Ваш код здесь

  });

} (JQuery));

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

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

теперь используйте jq вместо jQuery

Вы сталкиваетесь с этой проблемой, когда имя вашей функции и одно из имен идентификаторов в файле совпадают. просто убедитесь, что все ваши имена в файле уникальны.

Ты можешь использовать

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

или

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