От новичка до гуру: Курсы программирования на CyberDuff

Продолжайте получать сообщение об ошибке: «Uncaught ReferenceError: $ не определено»

Пытаюсь добавить свой ввод в список, но постоянно получаю сообщение об ошибке. Кто-нибудь может мне помочь, пожалуйста! Вот код:

HTML:

        <div class="add-item">
            <input id="item-add" type='text' placeholder="Enter item to shopping list..." name="itemAdd"></input>
            <button class="add-btn">Add Item</button>
        </div>
        <div class="item-list">
            <H2>Shopping List</H2>
            <ul class="shop-list">
                <li><input type="checkbox">Item 1</li>
                <li><input type="checkbox">Item 2</li>
                <li><input type="checkbox">Item 3</li>
                <li><input type="checkbox">Item 4</li>
                <li><input type="checkbox">Item 5</li>
            </ul>
        </div>  

jQuery:

$(document).ready(function(){
    $(".add-btn").click(function (){
        var x = $('#item-add').val();
        $(".shop-list").append('x');
    });

});
16.09.2015

  • вы включили jQuery на страницу... 16.09.2015
  • вы включили файл jquery 16.09.2015
  • И если вы думаете, что включили его, проверьте его на опечатки. 16.09.2015
  • если включено... вы использовали вариант noConflict... если да, попробуйте jQuery(document).ready(function($){...}); 16.09.2015
  • да, у меня есть: ‹script type=text/javascript src=js/app.js›‹/script› 16.09.2015
  • возможный дубликат Uncaught ReferenceError: $ не определен? 16.09.2015
  • @DavidTrinh: Если вы не намеренно запутываете, app.js не является jQuery. 16.09.2015
  • извините, скопирован неправильный элемент: ‹script src=code.jquery.com/jquery.min .js›‹/скрипт 16.09.2015

Ответы:


1

Вам нужно включить часть https:// или http:// URL-адреса для src в тег <script>. Просто code.jquery.com/jquery.min.js не найдет:

<script src="https://code.jquery.com/jquery.min.js"></script>

Также убедитесь, что jQuery включен первым, перед вашим кодом.

16.09.2015

2

Вам нужно подключить библиотеку jQuery. Добавьте это в раздел head.

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>

16.09.2015
Новые материалы

Основы Spring: Bean-компоненты, контейнер и внедрение зависимостей
Как лего может помочь нашему пониманию Когда мы начинаем использовать Spring, нам бросают много терминов, и может быть трудно понять, что они все означают. Итак, мы разберем основы и будем..

Отслеживание состояния с течением времени с дифференцированием снимков
Время от времени что-то происходит и революционизирует часть моего рабочего процесса разработки. Что-то более забавное вместо типичного утомительного и утомительного процесса разработки. В..

Я предполагаю, что вы имеете в виду методы обработки категориальных данных.
Я предполагаю, что вы имеете в виду методы обработки категориальных данных. Пожалуйста, проверьте мой пост Инструментарий специалиста по данным для кодирования категориальных переменных в..

Игра в прятки с данными
Игра в прятки с данными Я хотел бы, чтобы вы сделали мне одолжение и ответили на следующие вопросы. Гуглить можно в любое время, здесь никто не забивается. Сколько регионов в Гане? А как..

«Раскрытие математических рассуждений с помощью Microsoft MathPrompter и моделей больших языков»
TL;DR: MathPrompter от Microsoft показывает, как использовать математические рассуждения с большими языковыми моделями; 4-этапный процесс для улучшения доверия и рассуждений в математических..

Раскройте свой потенциал в области разработки мобильных приложений: Абсолютная бесплатная серия
Глава 6: Работа в сети и выборка данных Глава 1: Введение в React Native Глава 2: Основы React Native Глава 3: Создание пользовательского интерфейса с помощью React Native Глава 4:..

Все о кейсах: Camel, Snake, Kebab & Pascal
В программировании вы сталкивались с ними при именовании переменной, класса или функции. Поддержание согласованности типов и стилей случаев делает ваш код более читабельным и облегчает совместную..