반응형(모바일) 메뉴펼침
본문
반응형이구요, 모바일 버전일때 메뉴열고 옆에 저 화살표를 눌러도 하위메뉴가 펼쳐지지않습니다.
정상적으로 작동하는 다른 홈페이지의 /theme/csl/mobile/category.php 파일과 비교해봐도 차이가 없던데(스크립트도 같고...) 왜 그러는건지 모르겠어요ㅠ
답변 3
이건 사이트를 올려주셔야 문제파악이 더 정확히 될것 같습니다..
아 넵 http://giunchan.mtmyweb.com/ 입니다!
$sub_ul.size() is not a function
이라고 뜨네요
var $this = $(this);
$sub_ul = $(this).closest("li").children("ul.sub_cate");
이부분을 살펴보셔야 할것같습니다
<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>
제가 너무 초보라 혹시 이거 보여드리면 도움이 좀 되려나요,,
저도 같은내용으로 머리싸메고 있는데 혹시 해결하셨나요?ㅠㅠ
