루미집사

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

· 2017-04-15 (토) 01:41:25 · 17412 · 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,255
17-04-23 조회 9,048
17-04-22 조회 8,015
17-04-20 조회 7,735
17-04-19 조회 9,059
17-04-19 조회 2.1만
17-04-18 조회 1.2만
17-04-15 조회 1.7만
17-04-15 조회 5,693
17-04-15 조회 6,165
17-04-13 조회 6,114
17-04-13 조회 1.3만
17-04-12 조회 1만
17-04-11 조회 8,215
17-04-08 조회 1.2만
17-04-08 조회 1.4만
17-04-08 조회 1.1만
17-04-06 조회 8,584
17-04-02 조회 8,106
17-03-29 조회 8,673
17-03-29 조회 6,112
17-03-25 조회 6,680
17-03-22 조회 8,841
17-03-18 조회 8,880
17-03-17 조회 8,844
17-03-17 조회 7,444
17-03-16 조회 1.6만
17-03-15 조회 1.1만
17-03-14 조회 7,662
17-03-12 조회 9,778