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

그누보드 5.3 i태그 관련 JQuery 문제 채택완료

</p>

<p><?php

// 이 파일은 새로운 파일 생성시 반드시 포함되어야 함

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

<p>$begin_time = get_microtime();</p>

<p>if (!isset($g5['title'])) {

    $g5['title'] = $config['cf_title'];

    $g5_head_title = $g5['title'];

}

else {

    $g5_head_title = $g5['title']; // 상태바에 표시될 제목

    $g5_head_title .= " | ".$config['cf_title'];

}</p>

<p>// 현재 접속자

// 게시판 제목에 ' 포함되면 오류 발생

$g5['lo_location'] = addslashes($g5['title']);

if (!$g5['lo_location'])

    $g5['lo_location'] = addslashes(clean_xss_tags($_SERVER['REQUEST_URI']));

$g5['lo_url'] = addslashes(clean_xss_tags($_SERVER['REQUEST_URI']));

if (strstr($g5['lo_url'], '/'.G5_ADMIN_DIR.'/') || $is_admin == 'super') $g5['lo_url'] = '';</p>

<p>/*

// 만료된 페이지로 사용하시는 경우

header("Cache-Control: no-cache"); // HTTP/1.1

header("Expires: 0"); // rfc2616 - Section 14.21

header("Pragma: no-cache"); // HTTP/1.0

*/

?>

<!doctype html>

<html lang="ko">

<head>

<meta charset="utf-8">

<?php

if (G5_IS_MOBILE) {

    echo '<meta name="viewport" content="width=device-width,initial-scale=1.0,minimum-scale=0,maximum-scale=10,user-scalable=yes">'.PHP_EOL;

    echo '<meta name="HandheldFriendly" content="true">'.PHP_EOL;

    echo '<meta name="format-detection" content="telephone=no">'.PHP_EOL;

} else {

    echo '<meta http-equiv="imagetoolbar" content="no">'.PHP_EOL;

    echo '<meta http-equiv="X-UA-Compatible" content="IE=edge">'.PHP_EOL;

}</p>

<p>if($config['cf_add_meta'])

    echo $config['cf_add_meta'].PHP_EOL;

?>

<title><?php echo $g5_head_title; ?></title>

<link rel="stylesheet" href="<?php echo G5_THEME_CSS_URL; ?>/<?php echo G5_IS_MOBILE ? 'mobile' : 'default'; ?>.css?ver=<?php echo G5_CSS_VER; ?>">

<!--[if lte IE 8]>

<script src="<?php echo G5_JS_URL ?>/html5.js"></script>

<![endif]-->

<script>

// 자바스크립트에서 사용하는 전역변수 선언

var g5_url       = "<?php echo G5_URL ?>";

var g5_bbs_url   = "<?php echo G5_BBS_URL ?>";

var g5_is_member = "<?php echo isset($is_member)?$is_member:''; ?>";

var g5_is_admin  = "<?php echo isset($is_admin)?$is_admin:''; ?>";

var g5_is_mobile = "<?php echo G5_IS_MOBILE ?>";

var g5_bo_table  = "<?php echo isset($bo_table)?$bo_table:''; ?>";

var g5_sca       = "<?php echo isset($sca)?$sca:''; ?>";

var g5_editor    = "<?php echo ($config['cf_editor'] && $board['bo_use_dhtml_editor'])?$config['cf_editor']:''; ?>";

var g5_cookie_domain = "<?php echo G5_COOKIE_DOMAIN ?>";

</script>

<script src="<?php echo G5_JS_URL ?>/jquery-1.8.3.min.js"></script>

<script src="<?php echo G5_JS_URL ?>/jquery.menu.js?ver=<?php echo G5_JS_VER; ?>"></script>

<script src="<?php echo G5_JS_URL ?>/common.js?ver=<?php echo G5_JS_VER; ?>"></script>

<script src="<?php echo G5_JS_URL ?>/wrest.js?ver=<?php echo G5_JS_VER; ?>"></script>

<script src="<?php echo G5_JS_URL ?>/placeholders.min.js"></script>

<link rel="stylesheet" href="<?php echo G5_JS_URL ?>/font-awesome/css/font-awesome.min.css">

<?php

if(G5_IS_MOBILE) {

    echo '<script src="'.G5_JS_URL.'/modernizr.custom.70111.js"></script>'.PHP_EOL; // overflow scroll 감지

}

if(!defined('G5_IS_ADMIN'))

    echo $config['cf_add_script'];

?>

</head>

<body<?php echo isset($g5['body_script']) ? $g5['body_script'] : ''; ?>>

<?php

if ($is_member) { // 회원이라면 로그인 중이라는 메세지를 출력해준다.

    $sr_admin_msg = '';

    if ($is_admin == 'super') $sr_admin_msg = "최고관리자 ";

    else if ($is_admin == 'group') $sr_admin_msg = "그룹관리자 ";

    else if ($is_admin == 'board') $sr_admin_msg = "게시판관리자 ";</p>

<p>    echo '<div id="hd_login_msg">'.$sr_admin_msg.get_text($member['mb_nick']).'님 로그인 중 ';

    echo '<a href="'.G5_BBS_URL.'/logout.php">로그아웃</a></div>';

}

?></p>

<p>

헤더에서 읽어오는 부분은 이쪽입니다.

 

 

</p>

<p><button type="button" class="gnb_close_btn"><i class="fa fa-times" aria-hidden="true"></i></button>

    <script>

    

    $(function(){

        $(".gnb_menu_btn").click(function(){

            $("#gnb_all").show();

        });

        $(".gnb_close_btn").click(function(){

            $("#gnb_all").hide();

        });

    });</p>

<p>    </script></p>

<p>

 

전체 메뉴 클릭시 에서 불러오는건 이거밖에 없는데 어떻게 i태그의 class 값이 변하는건지 모르겠습니다.

 

 

http://sir.websiting.kr/v53/bbs/board.php?bo_table=gallery_box&device=pc" target="_blank">http://sir.websiting.kr/v53/bbs/board.php?bo_table=gallery_box&device=pc

웹사이팅 그누보드 5.3 버전입니다. 주소 여기다 올려서 죄송합니다..ㅠㅠ

 

저기에서 전체 메뉴 보기 하면 i태그의 class값이 바뀌는데 어떻게 작동을 하는건지 모르겠습니다.

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

답변 2개

채택된 답변
+20 포인트

안녕하세요 웹사이팅입니다

혹시 전체메뉴 버튼의  fa-bars  아이콘과 얼었을때 닫기버튼 fa-times 부분의 i 태그를 말씀하시는 거라면

해당 주소의 크롬에서 소스보기 기준으로

 

126번째 줄

  •  

    180번째 줄

     

    열고 닫는 버튼이 각각 들어가 있습니다.^^

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

    답변에 대한 댓글 1개

    180번째 줄 보면 gnb_close_btn 밖에 없는데 Jquery 도 로드 하는 부분이 없고
    어떻게 i class 가 fa fa-times 부분이 before로 작동이 되나요?

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

     

    위 버튼은 #gnb_all 내부에 속해 있으므로 

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

    답변에 대한 댓글 1개

    아...
    <li class="gnb_1dli gnb_mnal"><button type="button" class="gnb_menu_btn"><i class="fa fa-bars" aria-hidden="true"></i><span class="sound_only">전체메뉴열기</span></button></li>
    <button type="button" class="gnb_close_btn"><i class="fa fa-times" aria-hidden="true"></i></button>
    위에껄 못봤네요ㅋㅋㅋㅋㅋ 감사합니다!

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

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

    로그인

    전체 질문 목록

    🐛 버그신고