루미집사

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

2017-04-14 23;07;56_1.jpg
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라인쯤이 적당합니다.

[code]
<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">
[/code]

첨부파일

sample_tab_add.php (3.8 KB) 263회 2017-04-15 01:41
|

댓글 1개

용도가 생각이 안나는데, 어디에 사용할 수가 있는건가요? 궁금해서요.
댓글을 작성하시려면 로그인이 필요합니다.

그누보드5 팁자료실

+
제목 글쓴이 날짜 조회
8년 전 조회 4,877
8년 전 조회 5,249
8년 전 조회 6,831
8년 전 조회 8,803
8년 전 조회 5,174
8년 전 조회 1.1만
8년 전 조회 6,766
8년 전 조회 4,674
8년 전 조회 7,115
8년 전 조회 6,270
8년 전 조회 6,098
8년 전 조회 7,145
8년 전 조회 1.9만
8년 전 조회 1만
8년 전 조회 1.6만
8년 전 조회 4,132
8년 전 조회 4,575
8년 전 조회 4,483
8년 전 조회 1.1만
8년 전 조회 8,489
8년 전 조회 6,504
8년 전 조회 1만
8년 전 조회 1.3만
8년 전 조회 9,720
8년 전 조회 6,833
8년 전 조회 6,495
8년 전 조회 7,024
8년 전 조회 4,594
8년 전 조회 4,975
8년 전 조회 7,222