루미집사

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

· 2017-04-15 (토) 01:41:25 · 18202 · 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 조회 7,244
17-04-23 조회 9,935
17-04-22 조회 8,958
17-04-20 조회 8,568
17-04-19 조회 9,865
17-04-19 조회 2.2만
17-04-18 조회 1.3만
17-04-15 조회 1.8만
17-04-15 조회 6,532
17-04-15 조회 7,012
17-04-13 조회 6,932
17-04-13 조회 1.4만
17-04-12 조회 1.1만
17-04-11 조회 9,055
17-04-08 조회 1.3만
17-04-08 조회 1.5만
17-04-08 조회 1.2만
17-04-06 조회 9,428
17-04-02 조회 8,936
17-03-29 조회 9,527
17-03-29 조회 6,932
17-03-25 조회 7,478
17-03-22 조회 9,646
17-03-18 조회 9,709
17-03-17 조회 9,674
17-03-17 조회 8,278
17-03-16 조회 1.7만
17-03-15 조회 1.2만
17-03-14 조회 8,513
17-03-12 조회 1.1만