javascript - 包括 HTML 中的 Jquery 库在内的问题

Question

我在我的 HTML 页面中包含 Jquery 时遇到了问题。我试图通过单击按钮显示日历，但日历未显示。出现以下错误:$(..)Datapicker 不是函数。我在网上查了一下，有人说这是因为多重包含。但我很确定我只包含了一次 Jquery，因为当我删除 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 脚本位于 header 中，因为我想测试它，因为它在外部文件中不起作用!

提前致谢!

Answer 1

您还需要包含 jQuery(核心)。实际上你只添加了 jQuery UI，witch 是 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 版本。