JQuery datepicker() Uncaught TypeError: undefined не является функцией
Кто-нибудь может помочь мне, я боюсь этой проблемы в течение последних нескольких дней. На самом деле я включил все необходимые плагины, но все же
$('#datepicker').datepicker()
функция не определена. ОШИБКА.
Я включил одни и те же плагины в другой jsp моих проектов там, где датпикер работает отлично.
Это то, что я пробовал.
<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="#" onclick="location.href='http://code.jquery.com/ui/1.10.4/themes/smoothness/jquery-ui.css'; return false;">
$( '#datepicker' ).datepicker();
Он выдает исключение при загрузке страницы.
Спасибо.
Ответы
Ответ 1
Пожалуйста, дважды проверьте файлы js, которые вы включаете, если вы включаете один и тот же файл js дважды, это другая версия одного и того же файла дважды, он будет конфликтовать. Попросите пациента пройти весь файл jsp или html, чтобы проверить файлы js.
Ответ 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>
- Открыть _layout.cshtml
- Вставить вверху каждого раздела "Окружающая среда". Проверьте тело также. (Мне не хватало тела)
Ответ 3
Если вы используете Wordpress, убедитесь, что вы заменили "$" на "jQuery" в файлах .js.
Ответ 4
проверьте ссылку, которую вы добавили, и ссылку на то, что у вас есть в папке скриптов.
пример:
если вы указали [jquery-ui.min.js] в свой .cshtml, но у вас есть [jquery-ui.min-1.13.0.js] в папке с вашими сценариями, тогда эта ошибка произойдет
Ответ 5
У меня была эта проблема и она была решена с помощью $.noConflict();
:
Вместо $( '#datepicker' ).datepicker();
я использовал:
$.noConflict();
jQuery(document).ready(function ($) {
$("#datepicker").datepicker();
});