麻煩，包括HTML中的jquery庫

我有麻煩，包括我的HTML頁面中的jquery。我試圖顯示點擊按鈕的日曆，但日曆沒有顯示出來。出現以下錯誤：$（..）Datapicker不是一個函數。我在網上查了一下，有人說這是因爲包括多個。但是我非常確定，我只包含jquery一次，因爲當我刪除Jquery包含時，它說我不包含它。這裏是頭：麻煩，包括HTML中的jquery庫

<meta charset="utf-8"> 
    <meta name="viewport" content="width=device-width, initial-scale=1"> 
    <script src="http://ajax.googleapis.com/ajax/libs/angularjs/1.5.5/angular.js"></script> 
    <script src="http://ajax.googleapis.com/ajax/libs/angularjs/1.5.5/angular-animate.js"></script> 
    <script src="http://angular-ui.github.io/bootstrap/ui-bootstrap-tpls-2.0.0.js"></script> 
    <link href="http://code.jquery.com/ui/1.10.4/themes/ui-lightness/jquery-ui.css" rel="stylesheet"> 
    <script src="http://code.jquery.com/ui/1.10.4/jquery-ui.js"></script> 
    <script> 
    $(function() { 
    $("#datepicker").datepicker(); 
    }); 
    </script> 
    <script src="https://use.fontawesome.com/6cd7c64e2b.js"></script> 
    <link rel="stylesheet" type="text/css" href="/static/app/css/control/style.css" /> 
    <link rel="stylesheet" type="text/css" href="/static/app/css/control/ir-button.css" /> 
    <link rel="stylesheet" type="text/css" href="/static/app/css/recorder/style.css"/> 
    <link rel="stylesheet" href="http://netdna.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css"> 
    <script type="text/javascript" src="/static/app/js/recorder/timer.js"></script>

注意，JS腳本是在頭部，因爲我想測試它，因爲它不是在一個外部文件的工作！

在此先感謝！

來源

2016-07-22 Hcetipe

你錯過了加載jQuery庫，並確保其在jQuery UI的前頂部 – Satpal

負荷的jQuery ..... –

您還沒有包括jQuery的 - 你已經包括jQuery的-ui - 你還需要jquery *之前* jquery-ui –

您還需要包括jQuery（核心）。其實你只添加了jQuery UI，女巫是jQuery本身的擴展。

<script src="https://code.jquery.com/jquery-2.2.4.min.js"></script> 
<script src="http://code.jquery.com/ui/1.10.4/jquery-ui.js"></script>

你確定使用這樣一箇舊版本的jQuery UI嗎？當前版本的jQuery UI是1.12.0，自1.7版本開始使用所有jQuery版本。

來源

2016-07-22 07:59:08 eisbehr

感謝您的反應如此之快。不幸的是，我只是做了你所說的，但日曆仍然沒有顯示出來，並且錯誤$（...）datapicker不是一個函數，仍然在這裏..任何想法？再次感謝 – Hcetipe

它說'datapicker'或'datepicker'？我應該命名爲'datepicker'，就像你的示例代碼。 – eisbehr

我的不好，我的意思是datepicker – Hcetipe

嘗試按照jQuery文件的順序和版本來修復它。檢查下面的代碼片段。

$(function() { 
 
    $("#datepicker").datepicker(); 
 
    });

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<script src="https://code.jquery.com/ui/1.12.0/jquery-ui.js"></script> 
 
<link href="//code.jquery.com/ui/1.12.0/themes/base/jquery-ui.css" rel="stylesheet"/> 
 

 

 
<input type=text id="datepicker"/>

來源

2016-07-22 08:16:43

Eisbehr剛剛解決了我的問題，但謝謝回覆！ – Hcetipe

麻煩，包括HTML中的jquery庫

回答

相關問題