This question already has answers here:
Loading Jquery UI before Jquery
                                
                                    (3个答案)
                                
                        
                                2年前关闭。
            
                    
我在项目中使用jQuery UI。 jquery-ui.min.css和jquery-ui.min.js的版本均为v1.12。因此,我选择了最新版本的jQuery jquery-3.2.1.min.js。

我选择datepicker()进行测试。但是它失败了。当我点击输入文本时,什么都没有出现。这是我的代码:

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

关于javascript - jQuery UI不能与1.12version一起使用,我们在Stack Overflow上找到一个类似的问题:https://stackoverflow.com/questions/46029857/

10-12 12:56
查看更多