jQuery datepicker() Uncaught TypeError: undefined не является функцией

Question

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

$('#datepicker').datepicker() функция не определена ОШИБКА.

Я включил одни и те же плагины в другой jsp моих проектов там, где datepicker отлично работает.

Это то, что я пробовал.

<script src="http://code.jquery.com/jquery-1.10.2.js"></script> 
<script src="http://code.jquery.com/ui/1.10.4/jquery-ui.js"></script> 
<link rel="stylesheet" href="http://code.jquery.com/ui/1.10.4/themes/smoothness/jquery-ui.css"> 

$('#datepicker').datepicker(); 

Он выдает исключение при загрузке страницы. Спасибо.

Answer 1

Пожалуйста, дважды проверьте файлы js, которые вы включаете, если вы включаете один и тот же файл js дважды, это другая версия одного и того же файла дважды, он будет конфликтовать. Попросите пациента пройти весь файл jsp или html, чтобы проверить файлы js.

Answer 2

Провел много времени на этом. Обнаружена проблема с функцией datepicker, которая не найдена или не работает в Chrome. Использование VS2015 ... Почти все зависит от JQuery, поэтому оно должно быть на самом верху. Используйте следующие ссылки или последняя:

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.4/jquery.min.js"></script> 
    <link rel="stylesheet" href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.11.4/themes/smoothness/jquery-ui.min.css" /> 
    <script src="http://code.jquery.com/ui/1.11.4/jquery-ui.min.js"></script> 

1. Открыть _layout.cshtml
2. Вставить в верхней части каждой секции окружающей среды. Проверьте тело также. (Мне не хватало тела)

Answer 3

Если вы используете Wordpress, убедитесь, что вы заменили «$» на «jQuery» в файлах .js.

Answer 4

проверьте ссылочку, что вы добавили, и ссылку на то, что у вас есть в папке с скриптами. пример: если вы сослались [JQuery-ui.min.js] в .cshtml, но у вас есть [JQuery-ui.min-1.13.0.js] в сценариях папку, то эта ошибка будет происходит

Answer 5

Я просто имел эту проблему и решить ее с помощью $.noConflict();:

Вместо $('#datepicker').datepicker();, я использовал:

$.noConflict(); 
jQuery(document).ready(function ($) { 
    $("#datepicker").datepicker(); 
});