jQuery 동적으로 탭(TAB)을 추가하거나 삭제합니다. > 그누보드5 팁자료실

그누보드5 팁자료실

jQuery 동적으로 탭(TAB)을 추가하거나 삭제합니다. 정보

jQuery 동적으로 탭(TAB)을 추가하거나 삭제합니다.

첨부파일

2017-04-14 23;07;56_1.jpg (34.6K) 66회 다운로드 2017-04-15 01:41:25
sample_tab_add.php (3.8K) 251회 다운로드 2017-04-15 01:41:25
sample_tab_add_sub.php (315byte) 53회 다운로드 2017-04-15 01:41:25

본문

jquery  플러그인으로 조금더 쉽게 홈페이지를 만들고자 올려봅니다.

동적으로 탭을 추가하거나 삭제할 수 있습니다.
미리보기 사이트처럼 각 상단의 메뉴별로 외부페이지를 불러올 수 있습니다.

참고사이트 : http://jqueryui.com/tabs/#manipulation

참고사이트를 참고하여 메뉴를 클릭시 메뉴에 해당하는 외부페이지를 페이지 새로고침없이 불러와지도록 수정하였습니다.
미리보기 : http://carway.co.kr/sample_tab_add.php

첨부파일 중
sample_tab_add.php 파일이 탭메뉴 구성된 파일이며,
sample_tab_add_sub.php 파일은 탭메뉴클릭시 불러와지는 파일입니다.


Jquery 플러그인이기 때문에 아래 소스를 head.sub.php 파일 적당한 곳에 추가하시면 됩니다.
그누보드 최신버전 기준으로 86라인쯤이 적당합니다.


<script src="https://code.jquery.com/jquery-1.12.4.js"></script>
<script src="https://code.jquery.com/ui/1.12.1/jquery-ui.js"></script>
<link rel="stylesheet" href="http://code.jquery.com/ui/1.12.1/themes/base/jquery-ui.css">
추천
1

댓글 1개

전체 2,431 |RSS
그누보드5 팁자료실 내용 검색

회원로그인

(주)에스아이알소프트 / 대표:홍석명 / (06211) 서울특별시 강남구 역삼동 707-34 한신인터밸리24 서관 1404호 / E-Mail: admin@sir.kr
사업자등록번호: 217-81-36347 / 통신판매업신고번호:2014-서울강남-02098호 / 개인정보보호책임자:김민섭(minsup@sir.kr)
© SIRSOFT