2012-03-27 3 views
0

이 날짜 선택 도구가 전혀 작동하지 않는 것 같습니다. 나는 그것이 내가 잘못하고있는 것이어야한다는 것을 안다.하지만 나는 무엇을 알아낼 수없는 것 같다. CSS 스타일 파일을 주석 처리하여 UI 스타일을 무시하고 있다고 생각했습니다. 하지만 방화 광구를 사용하여 실행하면 텍스트 필드 나 아이콘을 클릭 할 때 발생하는 이벤트가없는 것처럼 작동합니다.역기능 jQuery datepicker

아, 내 맞춤 UI 패키지에 모든 위젯이 포함되어 있음을 언급해야합니다. 따라서 datepicker는 해당 코드의 일부입니다.

여기가 내 테스트 코드입니다.

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> 
<html> 
    <head> 
    <!--link rel="stylesheet" type="text/css" href="css/site.css" /--> 
    <link type="text/css" rel="stylesheet" href="css/jquery-ui-1.8.16.custom.css" /> 

    <script type="text/javascript" src="/scripts/jquery-1.7.min.js"></script> 
    <script type="text/javascript" src="/scripts/jquery-ui-1.8.6.custom.min.js"></script> 
    <script type="text/javascript"> 
     $(document).ready(function() { 
     $(function() { 
      $("#datepicker").datepicker({ 
      showOn: "both", 
      buttonText: "Date", 
      buttonImage: "images/date_picker_icon.gif", 
      buttonImageOnly: true 
      }); 
     }); 
     }); 
    </script> 
    </head> 
    <body> 
    <input type="text" name="date_entered" id="datepicker" class="icon-right" size="10" maxlength="10" /> 
    </body> 
</html> 
+1

jsfiddle에서 테스트하는 동안 내가 어떤 문제를 찾을 수 didnt는 (http://jsfiddle.net/hallie/MgXjW/)는 .ready() 처리기에 추가 함수 클로저를 제외하고. 필요한 모든 파일 및 경로가 올바르게 구성 되었습니까? – hallie

+0

스타일이 부족함에도 불구하고 Hallie의 바이올린이 저에게 효과적입니다. – Marc

+0

음 ... 이상 하네. 어쩌면 내가 jquery 사용자 지정 UI 파일을 다시 다운로드하고 어떤 이유로 그것이 수정되는지 확인해야 할 수도 있습니다. 이것들은 해결해야 할 최악의 문제입니다. 나는 내가 분명히 잘못한 것을 좋아한다. 너희 둘 모두를 낭비해서 미안해. – Skittles

답변

0

로 issue..change

<script type="text/javascript" src="/scripts/jquery-ui-1.8.6.custom.min.js"></script> 

생각합니다. 새 번들을 다운로드했는데 이제는 제대로 작동합니다.

<link type="text/css" rel="stylesheet" href="css/jquery-ui-1.8.18.custom.css" /> 

<script type="text/javascript" src="scripts/jquery-1.7.1.min.js"></script> 
<script type="text/javascript" src="scripts/jquery-ui-1.8.18.custom.min.js"></script> 
0

나는이 내가 스크립트 대 JQuery와 UI의 CSS의 일치하지 않는 버전을 한 것으로 나타납니다

<script type="text/javascript" src="/scripts/jquery-ui-1.8.16.custom.min.js"></script> 
+0

감사합니다. 불행히도, 내가 가진 파일 이름이 정확한 이름입니다. – Skittles

+0

이미지를 롤오버하면 버튼 텍스트가 표시되므로 파일을로드하는 것으로 알고 있습니다. 또한 작동하지 않는 경우 이미지도 표시되지 않습니다. – Skittles

+0

매우 흥미 롭습니다! jsfiddle 페이지로 이동하여 내 로컬 CSS 및 jquery js 파일을 추가 할 때 ... 여기에서도 마찬가지입니다. – Skittles