모바일로 실행시 메뉴문제 도와주세요~
본문
드롭다운 메뉴 스킨 다운받아서 // 적용해서 다행히 pc에서는
잘작동됩니다.
근데 모바일에서는 사진처럼 한번누르면 저렇게 메모지처럼 뜨고
또한번 눌러야 하위메뉴가 출력됩니다~
옆에 서브메뉴가 있을시 자동으로 화살표가 뜨고
누르면 바로 하위메뉴가 나오게 하려면 어떻게 수정해주면 될까요?
<div class="collapse navbar-collapse" id="navbar-ex-collapse-menu">
<ul class="nav navbar-nav">
<?php
$sql = " select *
from {$g5['menu_table']}
where me_use = '1'
and length(me_code) = '2'
order by me_order, me_id ";
$result = sql_query($sql, false);
for ($i=0; $row=sql_fetch_array($result); $i++) {
// 드롭다운 여부 확인 쿼리
$sql2 = " select count(*) as cnt
from {$g5['menu_table']}
where me_use = '1'
and length(me_code) = '4'
and substring(me_code, 1, 2) = '{$row['me_code']}'
order by me_order, me_id ";
$row2 = sql_fetch($sql2);
$add_li_class = '';
$add_a_class = '';
$add_a_icon = '';
if($row2['cnt']){
$add_li_class = ' class="dropdown"';
$add_a_class = ' class="dropdown-toggle" data-toggle="dropdown" role="button" aria-expanded="false"';
$add_a_icon = ' <i class="fa fa-caret-down"></i>';
}
?>
<li<?php echo $add_li_class; ?>>
<a href="<?php echo $row['me_link']; ?>" target="_<?php echo $row['me_target']; ?>"<?php echo $add_a_class; ?>><?php echo $row['me_name'] ?><?php echo $add_a_icon ?></a>
<?php
$sql2 = " select *
from {$g5['menu_table']}
where me_use = '1'
and length(me_code) = '4'
and substring(me_code, 1, 2) = '{$row['me_code']}'
order by me_order, me_id ";
$result2 = sql_query($sql2);
for ($k=0; $row2=sql_fetch_array($result2); $k++) {
if($k == 0)
echo '<ul class="dropdown-menu" role="menu">'.PHP_EOL;
?>
<li><a href="<?php echo $row2['me_link']; ?>" target="_<?php echo $row2['me_target']; ?>"><?php echo $row2['me_name'] ?></a></li>
<?php
}
if($k > 0)
echo '</ul>'.PHP_EOL;
?>
</li>
<?php
}
if ($i == 0) {
?>
<style type="text/css">
/* 메뉴가 없는 경우 중앙 정렬 */
.navbar-nav, .navbar-nav > li { float:none; text-align:center; }
</style>
<li>
<?php
$add_url = '#';
if ($is_admin) {
$add_url = G5_ADMIN_URL.'/menu_list.php';
$add_msg = '<br /><b class="text-danger">관리자모드 > 환경설정 > 메뉴설정</b>에서 설정하실 수 있습니다.';
}
?>
<a href="<?php echo $add_url; ?>" class="kor">
메뉴 준비 중입니다. <?php echo $add_msg ?>
</a>
</li>
<?php } ?>
답변 3
마우스오버는 모바일에선 없습니다.
css의 위치는 bootstrap.min.css라고 위에 써놓았고요.
http://zest86.hubweb.net/b1/theme/thema2/css/bootstrap.min.css <--- 경로고요.
.navbar-nav>li>.dropdown-menu {display:none;}이라고 말씀드렸엇는데..
수정을 아직 안했네요.
그리고 해결되면 채택 좀 부탁드려요.
이런경우 url을 알려주셔야 답변가능할거같아요.
bootstrap.min.css안에
.dropdown-menu {display:none;}
혹은
.navbar-nav>li>.dropdown-menu {display:none;}
아무튼 dropdown-menu가 모바일에서 안나타나면 해결될듯싶어요.