루미집사

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

· 2017-04-15 (토) 01:41:25 · 17380 · 1
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 팁자료실

2,788건
+
제목 글쓴이 날짜 조회
17-04-24 조회 6,229
17-04-23 조회 9,016
17-04-22 조회 7,985
17-04-20 조회 7,712
17-04-19 조회 9,018
17-04-19 조회 2.1만
17-04-18 조회 1.2만
17-04-15 조회 1.7만
17-04-15 조회 5,665
17-04-15 조회 6,128
17-04-13 조회 6,090
17-04-13 조회 1.3만
17-04-12 조회 1만
17-04-11 조회 8,192
17-04-08 조회 1.2만
17-04-08 조회 1.4만
17-04-08 조회 1.1만
17-04-06 조회 8,548
17-04-02 조회 8,079
17-03-29 조회 8,645
17-03-29 조회 6,086
17-03-25 조회 6,644
17-03-22 조회 8,798
17-03-18 조회 8,859
17-03-17 조회 8,808
17-03-17 조회 7,413
17-03-16 조회 1.6만
17-03-15 조회 1.1만
17-03-14 조회 7,638
17-03-12 조회 9,745