묵공님의 탭메뉴에 대한 질문입니다.

묵공님의 탭메뉴에 대한 질문입니다.

QA

묵공님의 탭메뉴에 대한 질문입니다.

본문

안녕하세요. 무위입니다.

 

묵공님의 탭메뉴를 적용해 보았습니다. . 

https://sir.kr/g5_skin/6118?sca=%EC%B5%9C%EC%8B%A0%EA%B8%80&sfl=wr_subject%7C%7Cwr_content&stx=%ED%83%AD%EB%A9%94%EB%89%B4

 

이상 없이 잘 작동 되는데요

 

문제는 

탭메뉴에서 게시판을 선택한 후에 선택된 게시판명에는 링크가 안걸려 있는데요

그누메인 탭메뉴처럼 게시판 선택 후에는 게시판 명을 클릭해서 게시판을 열었으면 합니다.  

조언 좀 부탁드립니다. 감사합니다. ^^;;;

 

1709918864_1518382372.1169.png

 

아래는 묵공님의 탭메뉴 입니다. 


<?
if (!defined("_GNUBOARD_")) exit; // 개별 페이지 접근 불가 
$title_num=sizeof($title);        //타이틀 갯수
$table_num=sizeof($bo_table);    //게시판 갯수
add_stylesheet('<link rel="stylesheet" href="'.$tab_skin_url.'/style.css">', 0);
?>
    <div class="tabs">
        <ul class="tab-menu">
        <?php
        for($i=0;$i<$table_num;$i++){
            $tabNum = $i+1;
                    echo "<li><a href='#tab-$tabNum'>".$title[$i]."</a></li>";
        }
        ?>
        </ul>
    <?php
        for($i=0;$i<$table_num;$i++){
            $tabNum = $i+1;
            echo "<div class='tab-content' id='tab-$tabNum'>".latest($skin_dir[$i],$bo_table[$i],$row[$i],$subject_len[$i])."</div>";
           
    }?>
    </div>
<script type="text/javascript">
$(function() { $(".tabs").fwd_tabs(); });
(function ( $ ) {
    $.fn.fwd_tabs = function() {
        return this.each(function() {
            var tabs = $(this);
            var tabMenuList = $(".tab-menu", tabs).children();
            for (i = $(".tab-content", tabs).length, j = tabMenuList.length; i < j; i++ ) {
                tabs.append('<div class="tab-content"></div>');
                }
            var tabContent = $(".tab-content", tabs);
            tabContent.slice(1).hide();
            tabMenuList.eq(0).addClass("active");
            tabMenuList.find("a").click(function(e) {
                var theParent = $(this).parent().index();
                tabMenuList.removeClass('active').eq(theParent).addClass('active');
                tabContent.hide().eq(theParent).show();
                /* AJAX */
                if (tabContent.eq(theParent).html().length == 0 && $(this).attr("href").substr(0, 1) != "#") {
                    var fragment = ($(this).data("fragment") ? " " + $(this).data("fragment") : "");
                    tabContent.eq(theParent).append('<div class="tab-loading"></div>').load($(this).attr("href") + fragment, function(response, status, xhr) {
                        if (status == "error") {
                            tabContent.eq(theParent).html("죄송합니다 내용을로드 할 수 없습니다.");
                        }
                    });
                }
                e.preventDefault();
            });
        });
    }
}(jQuery));
</script>

이 질문에 댓글 쓰기 :

답변 1

답변을 작성하시기 전에 로그인 해주세요.
전체 123,117 | RSS
QA 내용 검색

회원로그인

(주)에스아이알소프트 / 대표:홍석명 / (06211) 서울특별시 강남구 역삼동 707-34 한신인터밸리24 서관 1404호 / E-Mail: admin@sir.kr
사업자등록번호: 217-81-36347 / 통신판매업신고번호:2014-서울강남-02098호 / 개인정보보호책임자:김민섭(minsup@sir.kr)
© SIRSOFT