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脚本位于标题中，因为我想测试它，因为它不能在外部文件中运行！

提前致谢！

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

HTML中包含Jquery库的麻烦

2 个答案: