HTML内のJqueryライブラリを含む問題

Question

私のHTMLページにJqueryを含めても問題があります。ボタンをクリックしてカレンダーを表示しようとしていますが、カレンダーは表示されません。次のエラーが表示されました：$（..）Datapickerは関数ではありません。私はインターネットを見上げて、人々はそれが複数のものが含まれていると言いました。しかし、私はJqueryインクルードを削除すると、それが含まれていないと言いますので、私はJqueryを一度しか含んでいないと確信しています。ここでヘッダーがある：それは外部ファイルに働いていなかったとして、私はそれをテストしたかったので、jsのスクリプトはヘッダーであることを

<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> 

注意！

ありがとうございます！

Answer 1

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バージョンで動作します。

Answer 2

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