При попытке связать локальный файл Javascript с документом HTML, но в браузере я получаю сообщение Не удалось загрузить ресурс - PullRequest
Новая
       14

При попытке связать локальный файл Javascript с документом HTML, но в браузере я получаю сообщение Не удалось загрузить ресурс

0 голосов
/ 01 мая 2019

Я пытаюсь связать файл JavaScript с моим HTML-документом.

Я следую инструкциям на http://dubrox.github.io/Multiple-Dates-Picker-for-jQuery-UI/#demo-days-range, чтобы выбрать несколько дат из календаря в качестве входных данных в форме.

В нем говорится: «Вы включаете javascript-файлы jQuery и jQuery UI (с включенным модулем datepicker!) На свою HTML-страницу, а сразу после этого включаете MultiDatesPicker». 

<script src="https://code.jquery.com/jquery.min.js"></script>
<link rel="stylesheet" href="//code.jquery.com/ui/1.12.1/themes/base/jquery-ui.css">
<script src="https://code.jquery.com/ui/1.12.1/jquery-ui.js"></script>
<script src="jquery-ui.multidatespicker.js"</script>

Какой ясделали.

Обратите внимание, что jquery-ui.multidatespicker.js находится в моем локальном каталоге проекта, поскольку его собственный файл отсутствует в каких-либо папках.Вы можете скачать zip-файл на странице github, где этот файл включен.

Затем я вызываю функцию multidatespicker в заголовке документа.

<script type="text/javascript">
        $(function() {

        $('#mdp-demo').multiDatesPicker();

 });
    </script>

И, наконец, внутри тела вы пишете свой HTML-идентификатор ввода для использования в функции 

 <input id="mdp-demo">

Когда я запускаю это в браузере, я получаю сообщение об ошибке "Не удалось загрузитьресурс: сервер ответил со статусом 404 (НЕ НАЙДЕНО) "для jquery-ui.multidatespicker.js: 1.

Если вы прокрутите вниз до демонстраций на странице github с несколькими датами и перейдете к «Ввод формы».Вот чего я пытаюсь достичь.Проблема в том, что мой поиск по сценарию jquery-ui.multidatespicker.js не находит сценарий и, следовательно, не распознает функцию .multiDatesPicker ().

Есть предложения относительно того, что я делаю неправильно?

1 Ответ

1 голос
/ 01 мая 2019

Вы должны использовать CDN ссылку для многопользовательского выбора 

<script src="https://cdn.jsdelivr.net/npm/jquery-ui-multidatespicker@1.6.6/jquery-ui.multidatespicker.js"></script>

Если вы хотите использовать <script src="jquery-ui.multidatespicker.js"</script>, вам нужно скачать файл, положить его в ту же папку HTML, и он будет работать. Также обратите внимание, что вам не хватает> для открытого тега. 

$(function() {

        $('#mdp-demo').multiDatesPicker();

 });
<script src="https://code.jquery.com/jquery.min.js"></script>
<link rel="stylesheet" href="//code.jquery.com/ui/1.12.1/themes/base/jquery-ui.css">
<script src="https://code.jquery.com/ui/1.12.1/jquery-ui.js"></script>
<script src="https://cdn.jsdelivr.net/npm/jquery-ui-multidatespicker@1.6.6/jquery-ui.multidatespicker.js"></script>

 <input id="mdp-demo" />
...