2017-09-04 1 views
0

내 프로젝트에서 jQuery UI를 사용합니다. jquery-ui.min.css와 jquery-ui.min.js의 버전은 모두 v1.12입니다. 그래서 최신 버전의 jQuery jquery-3.2.1.min.js를 선택합니다.Jquery UI가 1.12 버전에서 작동하지 않습니다.

그리고 테스트 할 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을 시도했다, 그러나 또한 일 : 내가 입력 텍스트를 cilick 때, 아무것도 appear.Here 내 코드가 없다. 나는 어디가 잘못되었는지 모른다. 누가 날 도울 수 있죠 ?

답변

0

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>

관련 문제