TypeError: 'undefined' не є функцією (оцінюючи '$ (документ)')

1. Я використовую сайт WordPress.
2. Я включаю цей сценарій у заголовок.

Коли сценарій завантажується, я отримую цю помилку:

TypeError: 'undefined' не є функцією (оцінюючи '$ (документ)')

Я поняття не маю, що це викликає або що це навіть означає.

У Firebug я розумію:

$ - це не функція

Wordpress використовує jQuery у режимі noConflict за замовчуванням. Вам потрібно посилатися на нього, використовуючи jQueryяк ім'я змінної, а не $, наприклад, використання

jQuery(document);

замість

$(document);

Ви можете легко перетворити це в функцію $самовиконання, яка знову посилається на jQuery (а також уникає забруднення глобального простору імен), наприклад

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

Використовуйте jQuery noConflict. Це робило для мене чудеса

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

Тобто, якщо припустити, що ви включили jQuery у свій HTML

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

Використовуй це:

var $ =jQuery.noConflict();

Спробуйте цей фрагмент:

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

Це працювало на мене, можливо, це теж допоможе тобі.

У мене була ця проблема лише в Chrome.

Я спробував додати

var $ =jQuery.noConflict();

безпосередньо перед дзвоном

$(document).ready(function () {

Це спрацювало.

Дуже дякую

Також перевірте, чи не включається jQuery, а потім деякі компоненти / інші бібліотеки (наприклад, інтерфейс jQuery), а потім ще раз випадково включити jQuery - це переробить jQuery і скине помічники компонентів (наприклад, .datepicker) з екземпляра.

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

Помістіть свій js-код всередину закриття вище, це повинно вирішити проблему.

Я б цим скористався

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

Я також неодноразово стикався з такими проблемами в веб-носіях. Насправді це не конфлікт JS, коли ми завантажуємо html-сайт у браузер, ми не стикаємося з такою помилкою, але коли ми завантажуємо веб-сайт такого типу через localhost, ми стикаємося з такою проблемою. Це через localhost. Коли ми завантажуємо скрипти через localhost, він сканує скрипт і видає результат. Але коли ми не використовували localhost. Це просто сканувати вихід. Наприклад, коли ми пишемо php-код, замість localhost і запускаємо без хоста, ми отримуємо помилку. Але якщо код правильний і запускається через хост, ми отримуємо фактичний вихід, і коли ми використовуємо елемент Inspect, ми отримуємо код виводу у форматі HTMl, але не у форматі PHP, це відбувається через візуалізацію коду.

Це помилка візуалізації. Отже, для виправлення помилки коду jquery одним із варіантів може бути використання цього методу.

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

Цей код робить - зареєструвати "$" як змінну функції, застосувавши jquery. За замовчуванням файл .js читається лише як JavaScript.

Я зіткнувся з цією проблемою і тоді, коли включив jQuery у свій заголовок сторінки, не розуміючи, що хост уже включив його до сторінки автоматично. Тому завантажте свою сторінку наживо та перевірте джерело, щоб побачити, чи пов’язаний jQuery.

Дві речі:

1. Будьте впевнені, що перед вашим $ (документом) додано бібліотеку jQuery.
2. Потім просто поміняйте всі "$" на: jQuery, як у попередніх коментарях.

загортати весь сценарій між цим ...

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

Багато бібліотек JavaScript використовують $ як функцію або ім'я змінної, як і jQuery. У випадку jQuery $ - це лише псевдонім jQuery, тому вся функціональність доступна без використання $. Якщо вам потрібно використовувати іншу бібліотеку JavaScript поряд з jQuery, поверніть керування $ назад до іншої бібліотеки з викликом $ .noConflict () . Старі посилання $ зберігаються під час ініціалізації jQuery; noConflict () їх просто відновлює.

Ви можете використовувати як фрагмент jQuery, так і $ in нижче. це працювало для мене

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

Ви можете передати $ в функції ()

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

// jQuery code is in here

});

або ви можете замінити $(document);цеjQuery(document);

або ви можете використовувати jQuery.noConflict()

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