모바일 토글 클래스 질문 드립니다. 채택완료
안녕하세요 그누보드 5 회원여러분 코딩에 좀 문제가 있는지 ,,질문좀 드립니다.
모바일 버전 메뉴 수정을 하고 있습니다.
<div id="gnb" class="hd_div"></p><p> <ul id="gnb_1dul"></p><p> <?php</p><p> $sql = " select *</p><p> from {$g5['menu_table']}</p><p> where me_mobile_use = '1'</p><p> and length(me_code) = '2'</p><p> order by me_order, me_id ";</p><p> $result = sql_query($sql, false);</p><p>
</p><p> for($i=0; $row=sql_fetch_array($result); $i++) {</p><p> ?></p><p> <li class="gnb_1dli"></p><p> <a href="<?php echo $row['me_link']; ?>" target="_<?php echo $row['me_target']; ?>" class="gnb_1da"><?php echo $row['me_name'] ?><span class="menumore"><i style="float:right;" class="fa fa-plus" aria-hidden="true"></i></span></a></p><p> <?php</p><p> $sql2 = " select *</p><p> from {$g5['menu_table']}</p><p> where me_mobile_use = '1'</p><p> and length(me_code) = '4'</p><p> and substring(me_code, 1, 2) = '{$row['me_code']}'</p><p> order by me_order, me_id ";</p><p> $result2 = sql_query($sql2);</p><p>
</p><p> for ($k=0; $row2=sql_fetch_array($result2); $k++) {</p><p> if($k == 0)</p><p> echo '<ul class="gnb_2dul">'.PHP_EOL;</p><p> ?></p><p> <li class="gnb_2dli"><a href="<?php echo $row2['me_link']; ?>" target="_<?php echo $row2['me_target']; ?>" class="gnb_2da"><span></span><?php echo $row2['me_name'] ?></a></li></p><p> <?php</p><p> }</p><p>
</p><p> if($k > 0)</p><p> echo '</ul>'.PHP_EOL;</p><p> ?></p><p>
</p><p> </li></p><p> <?php</p><p> }</p><p>
</p><p> if ($i == 0) { ?></p><p> <li id="gnb_empty">메뉴 준비 중입니다.<?php if ($is_admin) { ?>
<a href="<?php echo G5_ADMIN_URL; ?>/menu_list.php">관리자모드 > 환경설정 > 메뉴설정</a>에서 설정하세요.<?php } ?></li></p><p> <?php } ?></p><p> </ul></p><p> <button type="button" id="gnb_close" class="hd_closer"><span class="sound_only">메뉴 </span>닫기</button></p><p> </div>현재 모바일은 기본베이직처럼 똑같구 큰메뉴 하나 작은메뉴가 하단에 보이도록 바로 설정이 되어있습니다.
작은메뉴는들은 안보이는상태이구 .menumore 클릭했으실에 개별로 하나하나 나오게 토글클래스를 짜고 싶은데 어떻게 짜야할지 문제 입니다.
</span></p><p><span style="font-size: 14.6667px;"> <script></span></p><p><span style="font-size: 14.6667px;">$( ".menumore" ).click(function() {</span></p><p><span style="font-size: 14.6667px;"> $( ".gnb_2dul" ).toggle( "slow" );</span></p><p><span style="font-size: 14.6667px;">});</span></p><p><span style="font-size: 14.6667px;"></script></span></p><p>
답변 4개
</div><div><script></div><div>$( ".menumore" ).click(function() {</div><div> <span style="white-space:pre"> </span>$(this).closest(".gnb_1dli").find(".gnb_2dul").toggle( "slow" );</div><div>});</div><div></script></div><div>댓글을 작성하려면 로그인이 필요합니다.
<script>
$(function () {
$(".gnb_2dul").hide();
$(".menumore").click(function() {
$(".gnb_2dul", this).toggle("slow");
});
});
</script>
댓글을 작성하려면 로그인이 필요합니다.
<script>
$(function () {
$(".gnb_2dul").hide();
$(".menumore").click(function() {
$(".gnb_2dul", this).toggle("slow");
});
});
</script>
답변에 대한 댓글 2개
$(".gnb_2dul").hide();
$(".menumore").click(function() {
$(".gnb_2dul", this).toggle("slow");
});
</script>
댓글을 작성하려면 로그인이 필요합니다.
답변을 작성하려면 로그인이 필요합니다.
로그인
jquery.menu.js:92 Uncaught TypeError: $gnb_1dli.find(...).size is not a function
at menu_rearrange (jquery.menu.js:92)
at HTMLAnchorElement.<anonymous> (jquery.menu.js:24)
at HTMLAnchorElement.dispatch (jquery-3.2.1.min.js:3)
at HTMLAnchorElement.q.handle (jquery-3.2.1.min.js:3)
이렇게 콘솔 오류가 뜨는데 원인이 무엇일까요..?