TypeError: $ не є функцією при виклику функції jQuery

У мене є простий сценарій jQuery в плагіні WordPress, який використовує обгортку jQuery, як це:

$(document).ready(function(){

    // jQuery code is in here

});

Я закликаю цей сценарій з інформаційної панелі WordPress і завантажую його після того, як завантажилася рамка jQuery.

Коли я перевіряю сторінку в Firebug, я постійно отримую повідомлення про помилку:

TypeError: $ не є функцією

$ (документ) .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-include / 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
});

Заслуга відповіді на Ashwani Panwar та Cyssoo: 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>

Вам потрібно здати $ in function ()

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

(функція ($) {
  "використовувати суворо";

  $ (функція () {

    // Ваш код тут

  });

} (jQuery));

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

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

тепер використовуйте jq замість jQuery

У цьому питанні ви стикаєтесь, коли ім’я функції та одне з імен ідентифікатора у файлі однакові. просто переконайтеся, що всі ваші імена id у файлі унікальні.

Можна використовувати

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

або

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