ReferenceError: $не определено

У меня есть это сообщение об ошибке ReferenceError: $ is not defined
Это мой заголовок.

<link href="css/global-style.css" rel="stylesheet" type="text/css" media="screen">
<link rel="stylesheet" type="text/css" media="screen" href="css/datepicker3.css">
<script type="text/javascript" src="js/jquery.js"></script>
<script type="text/javascript" src="assets/bootstrap/js/bootstrap.min.js"></script>
<script type="text/javascript" src="js/bootstrap-datepicker.js"></script>

Ниже приведен код JavaScript

<script type="text/javascript">
$('#sandbox-container .input-daterange').datepicker({
    startDate: "today",
    calendarWeeks: true,
    todayHighlight: true
});
</script>

Ниже приведен HTML

<div class="col-md-12" id="sandbox-container">
    <label>Project Duration</label>
    <div class="input-daterange input-group" id="datepicker">
            <input type="text" class="input-md form-control" name="start" />
            <span class="input-group-addon">to</span>
            <input type="text" class="input-md form-control" name="end" />
    </div>
</div>

Я хочу показать datepicker на входном теге.
Я использую Bootstrap V3.1.
Я использую this datepicker

Ответ 1

Добавить библиотеку jQuery перед script, которая использует $или jQuery, чтобы $можно было идентифицировать в скриптах.

<script src="http://code.jquery.com/jquery-1.11.0.min.js"></script>

Ответ 2

Используйте Google CDN для быстрой загрузки:

<script type="text/javascript" src="//ajax.googleapis.com/ajax/libs/jquery/2.0.0/jquery.min.js"></script>

Ответ 3

Добавьте этот script внутренний тег заголовка:

<script type="text/javascript" src="//ajax.googleapis.com/ajax/libs/jquery/2.0.0/jquery.min.js"></script>

Ответ 4

jQuery - это библиотека JavaScript. Цель jQuery - сделать код намного проще в использовании JavaScript.

Синтаксис jQuery предназначен для выбора знака $ для определения/доступа к jQuery.

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

Правильная позиция для объявления jQuery:

$(document).ready(function(){
    console.log('hi from jQuery!');
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.2.0/js/bootstrap.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-datepicker/1.3.0/js/bootstrap-datepicker.js"></script>

Ответ 5

Это одна из распространенных ошибок, которую все допускают при работе с jQuery, в основном $ является псевдонимом jQuery(), поэтому, когда вы пытаетесь вызвать/получить к нему доступ, прежде чем объявить, что функция в конечном итоге выдаст эту ошибку.

Причины могут быть

1) Неправильный путь к библиотеке jQuery, который вы включили.

2) Добавлена библиотека после сценария, где вы видите эту ошибку

Чтобы решить это

Загрузите в библиотеку jquery начало всех ваших файлов/скриптов javascript.

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