<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개 / 댓글 5개
@roka1956
님
걸어주신 링크의 코드를
<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>
위 코드에서 추가된 부분을 한번 적용해보세요
답변에 대한 댓글 1개
$(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(); });});
스크립트 이렇게 바꿔보세요
답변에 대한 댓글 3개
.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> 이거가 나오게 코딩하신 거 아니에요???
정상적으로 되는데용...
답변에 대한 댓글 1개
답변을 작성하려면 로그인이 필요합니다.