嘗試將本地Javascript文件鏈接到HTML文檔，但是在瀏覽器中，我收到“無法加載資源”錯誤

Question

我正在嘗試將javascript文件鏈接到我的html文檔。

我正在按照http://dubrox.github.io/Multiple-Dates-Picker-for-jQuery-UI/#demo-days-range上的說明從日歷中選擇多個日期作為表單中的輸入。

它說：“您在HTML頁面中同時包含了jQuery和jQuery UI（包括datepicker模塊！）JavaScript文件，並在其后添加了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在我的本地項目目錄中，因為它是自己的文件，不在任何文件夾中。 您可以在包含此文件的github頁面上下載一個zip文件。

然后，我在文檔的開頭調用multidatespicker函數。

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

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

 });
    </script>

最后，在正文中編寫要在函數中使用的html輸入id

 <input id="mdp-demo">

在瀏覽器中運行此腳本時，對於jquery-ui.multidatespicker.js：1，出現錯誤“無法加載資源：服務器響應狀態為404（未找到）”。

如果您向下滾動到多個日期github頁面上的演示，然后轉到“表單輸入”。 那就是我想要達到的目標。 問題是我的jquery-ui.multidatespicker.js腳本搜索找不到該腳本，因此無法識別.multiDatesPicker（）函數。

關於我在做什么錯的任何建議嗎？

Answer 1

您應該將CDN鏈接用於multidatespicker

<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文件夾中放置一個put文件，該文件才能正常工作。 另請注意，您缺少>的開放標簽。

 $(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" />