jQuery UI无法使用1.12 version

我在项目中使用jQuery UI。jQuery-ui.min.css和jquery-ui.min.js的版本均为v1.12。因此，我选择了jQuery jquery-3.2.1.min.js。

的最新版本

我选择datepicker（）进行测试。但是它奏效了。当我cilick输入文本时，什么也没有出现。我的代码是：

<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html;charset=UTF-8">
  <title>jQueryUI</title>
   <link rel="stylesheet" type="text/css" href="jsui/jquery-ui.min.css">
   <script type="text/javascript" src="jsui/jquery-ui.min.js"></script>
   <script type="text/javascript" src="jsui/jquery-3.2.1.min.js"></script>
   <script type="text/javascript" src="js/jquery.form.js"></script>
   <script>
     $(function(){
       $( "#datepicker" ).datepicker();
     });
   </script>
</head>
<body>
<div>
  <input type="text" name="date" id="datepicker" />
</div>
</body>
</html>

我曾尝试过1.9版本的jquery.min.js，但也有效。我不知道哪里错了？谁可以帮助我？

您必须在jQuery-ui之前加载jQuery。

尝试以下顺序。

<link rel="stylesheet" type="text/css" href="jsui/jquery-ui.min.css">
<script type="text/javascript" src="jsui/jquery-3.2.1.min.js"></script>
<script type="text/javascript" src="jsui/jquery-ui.min.js"></script>
<script type="text/javascript" src="js/jquery.form.js"></script>

在下图中，我使用了CDN。

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

<link rel="stylesheet" type="text/css" href="https://cdnjs.cloudflare.com/ajax/libs/jqueryui/1.12.1/jquery-ui.css">
<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/jqueryui/1.12.1/jquery-ui.min.js"></script>
<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/jquery.form/4.2.2/jquery.form.min.js"></script>
<div>
  <input type="text" name="date" id="datepicker" />
</div>

相关内容

最新更新

热门标签：