반응형 메뉴탭 질문입니다. 채택완료
forward
5년 전
조회 1,793
반응형으로 사이트를 제작중인데
모바일 시 반응형 코드를 먹이면 메인화면이 나오질 않습니다.
해결방안이 있을까요..?
</p>
<p>
<aside id="con_left">
<div class="con_left_inner">
<div id="gnb">
<div class="gnb_side">
<!-- 쇼핑몰 카테고리 시작 { -->
<?php
function get_mshop_category($ca_id, $len)
{
global $g5;
$sql = " select ca_id, ca_name from {$g5['g5_shop_category_table']}
where ca_use = '1' ";
if($ca_id)
$sql .= " and ca_id like '$ca_id%' ";
$sql .= " and length(ca_id) = '$len' order by ca_order, ca_id ";
return $sql;
}</p>
<p> $mshop_ca_href = G5_SHOP_URL.'/list.php?ca_id=';
$mshop_ca_res1 = sql_query(get_mshop_category('', 2));
for($i=0; $mshop_ca_row1=sql_fetch_array($mshop_ca_res1); $i++) {
if($i == 0)
echo '<ul class="cate">'.PHP_EOL;
?>
<li>
<a href="<?php echo $mshop_ca_href.$mshop_ca_row1['ca_id']; ?>"><?php echo get_text($mshop_ca_row1['ca_name']); ?></a>
<?php
$mshop_ca_res2 = sql_query(get_mshop_category($mshop_ca_row1['ca_id'], 4));
if(sql_num_rows($mshop_ca_res2))
echo '<button class="sub_ct_toggle ct_op">'.get_text($mshop_ca_row1['ca_name']).' 하위분류 열기</button>'.PHP_EOL;
for($j=0; $mshop_ca_row2=sql_fetch_array($mshop_ca_res2); $j++) {
if($j == 0)
echo '<ul class="sub_cate sub_cate1">'.PHP_EOL;
?>
<li>
<a href="<?php echo $mshop_ca_href.$mshop_ca_row2['ca_id']; ?>"><?php echo get_text($mshop_ca_row2['ca_name']); ?></a>
<?php
$mshop_ca_res3 = sql_query(get_mshop_category($mshop_ca_row2['ca_id'], 6));
if(sql_num_rows($mshop_ca_res3))
echo '<button type="button" class="sub_ct_toggle ct_op">'.get_text($mshop_ca_row2['ca_name']).' 하위분류 열기</button>'.PHP_EOL;
for($k=0; $mshop_ca_row3=sql_fetch_array($mshop_ca_res3); $k++) {
if($k == 0)
echo '<ul class="sub_cate sub_cate2">'.PHP_EOL;
?>
<li>
<a href="<?php echo $mshop_ca_href.$mshop_ca_row3['ca_id']; ?>"><?php echo get_text($mshop_ca_row3['ca_name']); ?></a>
<?php
$mshop_ca_res4 = sql_query(get_mshop_category($mshop_ca_row3['ca_id'], 8));
if(sql_num_rows($mshop_ca_res4))
echo '<button type="button" class="sub_ct_toggle ct_op">'.get_text($mshop_ca_row3['ca_name']).' 하위분류 열기</button>'.PHP_EOL;
for($m=0; $mshop_ca_row4=sql_fetch_array($mshop_ca_res4); $m++) {
if($m == 0)
echo '<ul class="sub_cate sub_cate3">'.PHP_EOL;
?>
<li>
<a href="<?php echo $mshop_ca_href.$mshop_ca_row4['ca_id']; ?>"><?php echo get_text($mshop_ca_row4['ca_name']); ?></a>
<?php
$mshop_ca_res5 = sql_query(get_mshop_category($mshop_ca_row4['ca_id'], 10));
if(sql_num_rows($mshop_ca_res5))
echo '<button type="button" class="sub_ct_toggle ct_op">'.get_text($mshop_ca_row4['ca_name']).' 하위분류 열기</button>'.PHP_EOL;
for($n=0; $mshop_ca_row5=sql_fetch_array($mshop_ca_res5); $n++) {
if($n == 0)
echo '<ul class="sub_cate sub_cate4">'.PHP_EOL;
?>
<li>
<a href="<?php echo $mshop_ca_href.$mshop_ca_row5['ca_id']; ?>"><?php echo get_text($mshop_ca_row5['ca_name']); ?></a>
</li>
<?php
}
if($n > 0)
echo '</ul>'.PHP_EOL;
?>
</li>
<?php
}
if($m > 0)
echo '</ul>'.PHP_EOL;
?>
</li>
<?php
}
if($k > 0)
echo '</ul>'.PHP_EOL;
?>
</li>
<?php
}
if($j > 0)
echo '</ul>'.PHP_EOL;
?>
</li>
<?php
}
if($i > 0)
echo '</ul>'.PHP_EOL;
else
echo '<p>등록된 분류가 없습니다.</p>'.PHP_EOL;
?></p>
<p> <script>
$(function(){
$(".gnb_menu_btn").click(function(){
$("#m_gnb_all").show();
});
});
$(function (){
$("button.sub_ct_toggle").on("click", function() {
var $this = $(this);
$sub_ul = $(this).closest("li").children("ul.sub_cate");
if($sub_ul.size() > 0) {
var txt = $this.text();
if($sub_ul.is(":visible")) {
txt = txt.replace(/닫기$/, "열기");
$this
.removeClass("ct_cl")
.text(txt);
} else {
txt = txt.replace(/열기$/, "닫기");
$this
.addClass("ct_cl")
.text(txt);
}
$sub_ul.toggle();
}
});
$(".content li.con").hide();
$(".content li.con:first").show();
$(".cate_tab li a").click(function(){
$(".cate_tab li a").removeClass("selected");
$(this).addClass("selected");
$(".content li.con").hide();
//$($(this).attr("href")).show();
$($(this).attr("href")).fadeIn();
});
});
</script>
</div>
</div>
<ul class="shortcut">
<li><a href="<?php echo G5_BBS_URL; ?>/faq.php"><i class="fa fa-question-circle"></i> FAQ</a></li>
<li><a href="<?php echo G5_BBS_URL; ?>/qalist.php"><i class="fa fa-comments"></i> 1:1문의</a></li>
<li><a href="<?php echo G5_SHOP_URL; ?>/personalpay.php"><i class="fa fa-user-plus" aria-hidden="true"></i> 개인결제</a></li>
<li><a href="<?php echo G5_SHOP_URL; ?>/itemuselist.php"><i class="fa fa-pencil" aria-hidden="true"></i> 사용후기</a></li>
<li><a href="<?php echo G5_SHOP_URL; ?>/couponzone.php"><i class="fa fa-ticket" aria-hidden="true"></i> 쿠폰존</a></li>
<li><a href="<?php echo G5_URL ?>"><i class="fa fa-home" aria-hidden="true"></i> 커뮤니티</a></li>
</ul>
</div>
<div id="bg"></div>
</aside></p>
<p>
header 안이나
tail 밑에 적용시켜도 동일하게 되네요..
영카트 버전이라 좀 어려운것 같습니다.
js파일에서는 아래와 같이 되어 있습니다.
</p>
<p>.
function response_menu()
{
var current_status = is_mobile_width() ? 'mobile' : 'pc';</p>
<p> if(before_status != current_status) {
if(current_status == 'mobile') {
// 모바일 모드
$("#con_left").css('display', 'none');
ajax_get_search_bar('m_hd_sch', 'head');
$("#hd_sch").html('');</p>
<p> // 사이드 메뉴 닫기 버튼을 추가
$("#gnb").prepend('<button id="gnb_close" class="hd_closer"><span class="sound_only">메뉴닫기</span><i class="fa fa-times" aria-hidden="true"></i></button>');
} else {
// PC 모드
$("#con_left").css('display', 'none');
ajax_get_search_bar('hd_sch');
$("#m_hd_sch").html('');
// 사이드 메뉴 닫기 버튼을 삭제
$("#gnb_close").remove();
}</p>
<p> // show_popular_search_word();
before_status = current_status;
}
}
</p>
<p>
댓글을 작성하려면 로그인이 필요합니다.
답변을 작성하려면 로그인이 필요합니다.
로그인