Модераторы: Sardar, Aliance
  

Поиск:

Ответ в темуСоздание новой темы Создание опроса
> Не работает код c JQUERY, не работает код при импорте в файлы 
:(
    Опции темы
Nere
Дата 2.9.2017, 11:21 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Новичок



Профиль
Группа: Участник
Сообщений: 2
Регистрация: 2.9.2017

Репутация: нет
Всего: нет



Код работает в песочнице, но не работает при импорте в файлы. Вроде библиотеки подключил, скрипт обернул. Не понимаю, код в песочнице работает, а импортированных файлах нет. Прошу у вас помощи! Заранее спасибо

Ссылка на код в песочнице
https://jsfiddle.net/z6toko4y/

Вот что показывает консоль:
Failed to load resource: net::ERR_FILE_NOT_FOUND
jquery-ui.js Failed to load resource: net::ERR_FILE_NOT_FOUND
jquery.min.js:2 jQuery.Deferred exception: $(...).datepicker is not a function TypeError: $(...).datepicker is not a function
    at HTMLDocument.<anonymous> (file:///C:/Users/%D0%9F%D0%9A/Desktop/123/script.js:2:31)
    at j (https://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js:2:29948)
    at k (https://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js:2:30262) undefined
r.Deferred.exceptionHook @ jquery.min.js:2
jquery.min.js:2 jQuery.Deferred exception: $(...).datepicker is not a function TypeError: $(...).datepicker is not a function
    at HTMLDocument.<anonymous> (file:///C:/Users/%D0%9F%D0%9A/Desktop/123/index.html:17:31)
    at j (https://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js:2:29948)
    at k (https://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js:2:30262) undefined
r.Deferred.exceptionHook @ jquery.min.js:2
jquery.min.js:2 Uncaught TypeError: $(...).datepicker is not a function
    at HTMLDocument.<anonymous> (script.js:2)
    at j (jquery.min.js:2)
    at k (jquery.min.js:2)
jquery.min.js:2 Uncaught TypeError: $(...).datepicker is not a function
    at HTMLDocument.<anonymous> (index.html:17)
    at j (jquery.min.js:2)
    at k (jquery.min.js:2)

Сам код: 

HTLM
<!DOCTYPE html>
<html>

<head>
<meta charset="utf-8" />
<title><!-- Title here --></title>
<link data-require="jqueryui" data-semver="1.10.0" rel="stylesheet" href="//cdnjs.cloudflare.com/ajax/libs/jqueryui/1.10.0/css/smoothness/jquery-ui-1.10.0.custom.min.css" />
<link rel="stylesheet" href="style.css" />
<script data-require="jquery" data-semver="3.1.1" src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script>
<script data-require="jqueryui" data-semver="1.10.0" src="//cdnjs.cloudflare.com/ajax/libs/jqueryui/1.10.0/jquery-ui.js"></script>
<script src="script.js"></script>
</head>

<body>
<script>
$(document).ready(function() {
var dates = $( "#from, #to" ).datepicker({
dateFormat: "dd-mm-yy",
onSelect: function( selectedDate ) {
var option = this.id == "from" ? "minDate" : "maxDate",
instance = $( this ).data( "datepicker" ),
date = $.datepicker.parseDate(
instance.settings.dateFormat ||
$.datepicker._defaults.dateFormat,
selectedDate, instance.settings );
dates.not( this ).datepicker( "option", option, date );
}
});
};
</script>
<p>
<label for="from">с:</label> <input type="text" id="from" name="from"/> 
<label for="to">до:</label> <input type="text" id="to" name="to"/>
</p>
<!-- Put your html here! -->
</body>

</html>


CSS
body {
font: 12px Arial, sans-serif;
}

JS
$(document).ready(function() {
var dates = $( "#from, #to" ).datepicker({
dateFormat: "dd-mm-yy",
onSelect: function( selectedDate ) {
var option = this.id == "from" ? "minDate" : "maxDate",
instance = $( this ).data( "datepicker" ),
date = $.datepicker.parseDate(
instance.settings.dateFormat ||
$.datepicker._defaults.dateFormat,
selectedDate, instance.settings );
dates.not( this ).datepicker( "option", option, date );
}
});
});

Это сообщение отредактировал(а) Nere - 2.9.2017, 13:36
PM MAIL   Вверх
Nere
Дата 2.9.2017, 16:19 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Новичок



Профиль
Группа: Участник
Сообщений: 2
Регистрация: 2.9.2017

Репутация: нет
Всего: нет



посмотрел какие ошибки пишет консоль, добавил к ссылкам https, изменил версии библиотек на нужные. Все работает)
PM MAIL   Вверх
Google
  Дата 24.9.2017, 02:52 (ссылка)  





  Вверх
  
Ответ в темуСоздание новой темы Создание опроса
1 Пользователей читают эту тему (1 Гостей и 0 Скрытых Пользователей)
0 Пользователей:
« Предыдущая тема | JavaScript: Применение библиотек | Следующая тема »


 




[ Время генерации скрипта: 0.0958 ]   [ Использовано запросов: 21 ]   [ GZIP включён ]


Реклама на сайте     Информационное спонсорство

 
По вопросам размещения рекламы пишите на vladimir(sobaka)vingrad.ru
Отказ от ответственности     Powered by Invision Power Board(R) 1.3 © 2003  IPS, Inc.