jQuery 동적으로 탭(TAB)을 추가하거나 삭제합니다. 정보
jQuery 동적으로 탭(TAB)을 추가하거나 삭제합니다.관련링크
첨부파일
본문
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라인쯤이 적당합니다.
동적으로 탭을 추가하거나 삭제할 수 있습니다.
미리보기 사이트처럼 각 상단의 메뉴별로 외부페이지를 불러올 수 있습니다.
참고사이트 : 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
댓글 1개
용도가 생각이 안나는데, 어디에 사용할 수가 있는건가요? 궁금해서요.