반응형(모바일) 메뉴펼침

반응형(모바일) 메뉴펼침

QA

반응형(모바일) 메뉴펼침

본문

반응형이구요, 모바일 버전일때 메뉴열고 옆에 저 화살표를 눌러도 하위메뉴가 펼쳐지지않습니다.

정상적으로 작동하는 다른 홈페이지의 /theme/csl/mobile/category.php 파일과 비교해봐도 차이가 없던데(스크립트도 같고...) 왜 그러는건지 모르겠어요ㅠ

 

31768623_1572570909.7547.jpg

이 질문에 댓글 쓰기 :

답변 3

이건 사이트를 올려주셔야 문제파악이 더 정확히 될것 같습니다..

<script>
$(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();
        }
    });
});
</script>

감사합니다! 다만 말씀해주신 부분이 이 부분인 것 같은데 제가 스크립트를 잘 몰라서 살펴봐도 문제파악이 어렵네요...ㅠㅠ

정확한 문제는 소스를 상세히 들여다봐야 할수 있습니다.

문제의 예상을 한다면?

 

1. css 에 모바일  상태의 소스적용을 확인 하세요

2. script 파일내 모바일에 반응하는 함수를 확인 하세요

for ($k=0; $row2=sql_fetch_array($result2); $k++) {
  if($k == 0) {
  echo '<button class="sub_ct_toggle ct_op">'.get_text($row['me_name']).' 하위분류 열기</button>'.PHP_EOL;
  echo '<ul class="sub_cate sub_cate1">'.PHP_EOL;
  }
?>


ㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡ


<script>
$(function (){
    var $category = $("#category");
    $("#hd_ct").on("click", function() {
        $category.css("display","block");
    });
    $("#category .pop_close").on("click", function(){
        $category.css("display","none");
    });
    $("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();
        }
    });
});
</script>

제가 너무 초보라 혹시 이거 보여드리면 도움이 좀 되려나요,,

답변을 작성하시기 전에 로그인 해주세요.
전체 364
QA 내용 검색

회원로그인

(주)에스아이알소프트 / 대표:홍석명 / (06211) 서울특별시 강남구 역삼동 707-34 한신인터밸리24 서관 1404호 / E-Mail: admin@sir.kr
사업자등록번호: 217-81-36347 / 통신판매업신고번호:2014-서울강남-02098호 / 개인정보보호책임자:김민섭(minsup@sir.kr)
© SIRSOFT