Latest web development tutorials

사용 jQuery를 UI

당신이 jQuery를 UI를 다운로드 한 후에는 압축 아카이브에는 다음 파일이 포함되어 얻을 것이다 :

  • /css/
  • /development-bundle/
  • /js/
  • index.html

페이지에 jQuery를 UI를 사용하여

텍스트 편집기에 열린 index.html 테마, jQuery를 및 jQuery를 UI : 당신은 외부 파일에 대한 참조의 숫자를 볼 수 있습니다. 일반적으로 이러한 세 개의 파일은 당신이 jQuery를 UI 위젯, 대화 형 구성 요소를 사용하기 위해 페이지를 참조해야합니다 :

<link rel="stylesheet" href="css/themename/jquery-ui.custom.css" />
<script src="js/jquery.min.js"></script>
<script src="js/jquery-ui.custom.min.js"></script>

당신이 필요한 파일을 참조하면, 당신은 당신의 페이지에 일부 jQuery를 위젯을 추가 할 수 있습니다. 예를 들어, 날짜 선택 도구 (날짜 선택기) 위젯을 만들려면 호출 다음 페이지에 텍스트 입력 상자를 추가하고, 필요 .datepicker() 다음과 같이 :

HTML :

<input type="text" name="date" id="date" />

자바 스크립트 :

$( "#date" ).datepicker();

예를 들면 스크린 샷

예 jQuery를 UI 위젯과 상호 작용하는 구성 요소를 보여 보려면 방문 jQuery를 UI 인스턴스를 .