테스트 사이트 - 개발 중인 베타 버전입니다

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

무위 7년 전 조회 2,077

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

 

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

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" target="_blank">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

 

이상 없이 잘 작동 되는데요

 

문제는 

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

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

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

 

 

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

</strong></p>

<p><?

if (!defined("_GNUBOARD_")) exit; // 개별 페이지 접근 불가 </p>

<p>$title_num=sizeof($title);        //타이틀 갯수

$table_num=sizeof($bo_table);    //게시판 갯수</p>

<p>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></p>

<p><script type="text/javascript"></p>

<p>$(function() { $(".tabs").fwd_tabs(); });</p>

<p>(function ( $ ) {

    $.fn.fwd_tabs = function() {

        return this.each(function() {

            var tabs = $(this);

            var tabMenuList = $(".tab-menu", tabs).children();</p>

<p>            for (i = $(".tab-content", tabs).length, j = tabMenuList.length; i < j; i++ ) {

                tabs.append('<div class="tab-content"></div>');

                }</p>

<p>            var tabContent = $(".tab-content", tabs);</p>

<p>            tabContent.slice(1).hide();</p>

<p>            tabMenuList.eq(0).addClass("active");</p>

<p>            tabMenuList.find("a").click(function(e) {

                var theParent = $(this).parent().index();</p>

<p>                tabMenuList.removeClass('active').eq(theParent).addClass('active');</p>

<p>                tabContent.hide().eq(theParent).show();</p>

<p>                /* 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></p>

<p><strong>

댓글을 작성하려면 로그인이 필요합니다.

답변 1개

OrLl
7년 전

원격이나 정보 받고 봐드릴순잇는데 이렇게 봐선 잘모르겟네요 허허;;

로그인 후 평가할 수 있습니다

댓글을 작성하려면 로그인이 필요합니다.

답변을 작성하려면 로그인이 필요합니다.

로그인