jQuery File Tree

Jquery File Tree 플러그 인의 공식 사 이 트 는 http://abeautifulsite.net/2008/03/jquery-file-tree/ 입 니 다.현재 버 전 은 1.01 입 니 다. 다운로드 주 소 는: http://labs.abeautifulsite.net/projects/js/jquery/fileTree/jquery.fileTree-1.01.zip 입 니 다.이 는 주로 Jquery Ajax 를 이용 하여 시안 이 서버 에서 디 렉 터 리 를 고정 시 키 는 해당 디 렉 터 리 계층 구조 이 고 트 리 구조의 방식 으로 보 여 준다.우리 사이트, 예 를 들 어 사용자 사진 이나 파일 패키지 찾기, 블 로그 삽입, 다운로드 에 있어 서 이 Jquery File Tree 플러그 인 은 매우 유용 합 니 다.
Jquery 1.2.6 이상 의 버 전 을 요구 합 니 다. 공식 적 으로 다음 브 라 우 저 에서 잘 실 행 될 수 있다 고 합 니 다.

Internet Explorer 6 & 7

Firefox 2 & 3

Safari 3

Chrome

Opera 9

많은 Jquery 플러그 인과 마찬가지 로 사용법 이 간단 합 니 다.간단 한 Jquery 코드 한 마디 로 서버 엔 드 파일 의 트 리 구 조 를 구현 할 수 있 습 니 다.
코드 는 다음 과 같 습 니 다: jQuery File Tree$(document).ready( function () { $( '#div_id' ).fileTree({ root: '/script/' }, function (file) { alert(file); }); });
공식 데모 데모 주소: http://labs.abeautifulsite.net/projects/js/jquery/fileTree/demo/.
그 중 divid 는 트 리 구 조 를 보 여 주 는 div 노드 Id 입 니 다. function 은 이 벤트 를 촉발 하 는 리 셋 함수 입 니 다. (이 트리거 시간 은 기본적으로 click 이지 만 Dbclick 등 과 같이 사용자 정의 할 수 있 습 니 다.)
첫 번 째 선택 가능 한 매개 변 수 는 다음 표 와 같 습 니 다.
매개 변수 설명 기본 값
root
서버 쪽 에 표 시 된 파일 디 렉 터 리
/
script
사용 하 는 서버 쪽 의 Ajax 서비스 페이지 는 jsp, phop, ASP, ASP. net 등 파일 을 공식 적 으로 제공 하여 우리 의 다운로드 가방 안에 있 습 니 다.
jqueryFileTree.php
folderEvent
expand / collapse 이벤트 실행
click
expandSpeed
expand 속도 (단위: milliseconds); - 1 애니메이션 효과 가 없 음 을 표시 합 니 다.
500
collapseSpeed
collapse 의 속도 (단위: milliseconds); - 1 은 애니메이션 효과 가 없 음 을 나타 낸다.
500
expandEasing
Easing function to use on expand
None
collapseEasing
Easing function to use on collapse
None
multiFolder
여러 디 렉 터 리 를 동시에 탐색 할 수 있 습 니까?
true
loadMessage
트 리 초기 화 시 표시 할 정보, HTML 형식 지원
Loading…
jQuery File Tree 가 지원 하 는 서버 엔 드 기술 과 공헌 자 이름 은 다음 과 같 습 니 다.

PHP by Cory S.N. LaViska

ASP (VBS) by Chazzuka

ASP.NET (C#) by Andrew Sweeny

ColdFusion by Tjarko Rikkerink

JSP by Joshua Gould

Lasso by Marc Sabourdin

Lasso by Jason Huck

Perl by Oleg Burlaca

Python/Django by Martin Skou

Ruby by Erik Lax
마지막 으로 설명 할 것 은 script 은 우리 가 공식 적 인 언어 서버 파일 의 존재 위치, 즉 Ajax 가 호출 한 URL 입 니 다. CSS, Jquery FileTree JS 라 이브 러 리 를 도입 하 는 것 은 모두 가 알 고 있 을 것 입 니 다.
많은 것 은 말 하지 않 겠 습 니 다. 제 실험 캡 처 한 장 주세요.