도대체 모르겠네요 ㅠㅠ..
관련링크
본문
<div class="navigation">
<nav>
<a href="javascript:void(0)" class="smobitrigger ion-navicon-round"><span>Menu</span></a>
<ul class="mobimenu">
<?php if ($is_member) { ?>
<?php if ($is_admin) { ?>
<li class="menu_admin"><a href="<?php echo G5_ADMIN_URL ?>"><b>관리자</b></a></li>
<?php } ?>
<li class="menu_edit"><a href="<?php echo G5_BBS_URL ?>/member_confirm.php?url=<?php echo G5_BBS_URL ?>/register_form.php">정보수정</a></li>
<li class="menu_logout"><a href="<?php echo G5_BBS_URL ?>/logout.php" id="snb_logout">로그아웃</a></li>
<?php } else { ?>
<li class="menu_login"><a href="<?php echo G5_BBS_URL ?>/login.php" id="snb_login">로그인</a></li>
<?php } ?>
<?php
$sql = " select *
from {$g5['menu_table']}
where me_mobile_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++) {
?>
<li class="gnb_1dli" style="z-index:<?php echo $gnb_zindex--; ?>">
<?php
$submenus = '';
$sql2 = " select *
from {$g5['menu_table']}
where me_mobile_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)
$submenus .= '<button type="button" class="gnb_op">하위메뉴</button><ul class="gnb_2dul">'.PHP_EOL;
$submenus .= '<li class="gnb_2dli"><a href="'.$row2['me_link'].'" target="_'.$row2['me_target'].'" class="gnb_2da">'.$row2['me_name'].'</a></li>'.PHP_EOL;
}
if($k > 0)
$submenus .= '</ul>'.PHP_EOL;
if($submenus)
$gnb_class = 'gnb_1da gnb_bg';
else
$gnb_class = 'gnb_1da';
?>
<a href="<?php echo $row['me_link']; ?>" target="_<?php echo $row['me_target']; ?>" class="<?php echo $gnb_class; ?>"><?php echo $row['me_name'] ?></a>
<?php echo $submenus; ?>
</li>
<?php
}
if ($i == 0) { ?>
<li id="gnb_empty">메뉴 준비 중입니다.<?php if ($is_admin) { ?> <br><a href="<?php echo G5_ADMIN_URL; ?>/menu_list.php">관리자모드 > 환경설정 > 메뉴설정</a>에서 설정하세요.<?php } ?></li>
<?php } ?>
</ul>
</nav>
</div>
</div>
</header>
<script>
jQuery(document).ready(function($) {
$(".smobitrigger").smplmnu();
});
$(function(){
$(".gnb_op").click(function(){
$(this).next().slideToggle(300).siblings(".gnb_2dul").slideUp("slow");
});
$("#wrapper").on("click", function() {
$(".gnb_2dul").fadeOut();
});
});
</script>
여기에서 <a href="<?php echo $row['me_link']; ?>" target="_<?php echo $row['me_target']; ?>" class="<?php echo $gnb_class; ?>"><?php echo $row['me_name'] ?></a> 이걸 눌렀을시 <?php echo $submenus; ?> 이게 나타나야 되는건데 ㅠㅠ... 어떻게 하는건지 대체 모르겠네요 ㅠㅠㅠㅠ
: 주소 첨부했습니다.
아이패드로 모바일 잡구 하는데 위에 상단메뉴의 ---- ▼ 로 했을때 ---- 클릭시 서브 메뉴가 출력하고 싶은데 ㅠㅠ.. href="#"으로 설정한 상태입니다.
답변 3
님
걸어주신 링크의 코드를
<script>
jQuery(document).ready(function($) {
$(".smobitrigger").smplmnu();
});
$(function(){
$(".gnb_op").click(function(){
$(this).next().slideToggle(300).siblings(".gnb_2dul").slideUp("slow");
});
// 여기를 추가해보세요 -- 시작
$(".gnb_1da").click(function(){
$(this).next().next().slideToggle(300).siblings(".gnb_2dul").slideUp("slow");
});
// 여기까지 추가 -- 끝
$("#wrapper").on("click", function() {
$(".gnb_2dul").fadeOut();
});
});
</script>
위 코드에서 추가된 부분을 한번 적용해보세요
감사합니다!! .next 를 더 달아주면되는거였군요. ㅠㅠㅠ
음?? 나오는데용?
일부로 <button type="button" class="gnb_op">하위메뉴</button><ul class="gnb_2dul"> 이거 클릭시만
<li class="gnb_2dli"><a href="'.$row2['me_link'].'" target="_'.$row2['me_target'].'" class="gnb_2da">'.$row2['me_name'].'</a></li> 이거가 나오게 코딩하신 거 아니에요???
정상적으로 되는데용...
아니영 ▼ 옆에있는 <a href="<?php echo $row['me_link']; ?>" target="_<?php echo $row['me_target']; ?>" class="<?php echo $gnb_class; ?>"><?php echo $row['me_name'] ?></a> 와 ▼ 클릭시 나오게 하고 싶어요~
$(function(){
$(".gnb_1dli").click(function(){
var index = $("li.gnb_1dli").index(this);
$("li.gnb_1dli:eq(" + index + ")").children(".gnb_2dul").slideToggle(300);
});
$("#wrapper").on("click", function() {
$(".gnb_2dul").fadeOut();
});
});
스크립트 이렇게 바꿔보세요
안되네요 ㅠㅠㅠㅠ
오잉?.. 제가 테스트해보고 되는거 확인해서 답글달았는데 그러면 아래 플래토님이 적어주신 거 해보시고 안되면 ftp정보 오픈가능하시면 쪽지로 보내주시면 제가 접속해서 테스트해볼께요..
플래토님이 해주신거 해보니깐 되네요!!!
.next 를 더 달아줘야 되는거였네여 ㅠㅠ 감사합니다 ㅎㅎㅎㅎ
