모바일 메뉴클릭시 바로 하위메뉴가 나오게하고싶습니다. 채택완료
안녕하세요.^^
모바일 메뉴에서 화살표말고 메뉴글씨를 클릭시 하위메뉴가 나오게하고싶습니다.
먼저 주소는 http://camlook.co.kr/shop/" target="_blank">http://camlook.co.kr/shop/ 여기입니다.(모바일버전으로 봐주세요 )
http://amina.co.kr/data/editor/1703/d4b1d59ab5e1bbc70e16c5592ef16569_1489648569_7163.png" content="http://amina.co.kr/data/editor/1703/d4b1d59ab5e1bbc70e16c5592ef16569_1489648569_7163.png" itemprop="image">
분류글씨를 클릭하면 바로 하위분류가 나오게하고싶습니다.. 현재는 화살표를 클릭해야만 하위메뉴가 나오는구조인데 어떻게 소스를 변형해야하나요..?
제가 메뉴소스 구성을
function get_mshop_category($ca_id, $len) { global $g5;
$sql = " select ca_id, ca_name from {$g5['g5_shop_category_table']} where ca_use = '1' "; if($ca_id) $sql .= " and ca_id like '$ca_id%' "; $sql .= " and length(ca_id) = '$len' order by ca_order, ca_id ";
return $sql; } ?>
- http://camlook.co.kr/bbs/write.php?bo_table=a1" target="_blank">http://camlook.co.kr/bbs/write.php?bo_table=a1">- 예술인력일원되기 http://camlook.co.kr/bbs/write.php?bo_table=a2" target="_blank">http://camlook.co.kr/bbs/write.php?bo_table=a2">- 예술인력소이용하기
- http://camlook.co.kr/bbs/board.php?bo_table=b1" target="_blank">http://camlook.co.kr/bbs/board.php?bo_table=b1">- 현재 공모전 http://camlook.co.kr/bbs/board.php?bo_table=b2" target="_blank">http://camlook.co.kr/bbs/board.php?bo_table=b2">- 지원, 교육프로그램 http://camlook.co.kr/bbs/board.php?bo_table=b3" target="_blank">http://camlook.co.kr/bbs/board.php?bo_table=b3">- 대외활동
- http://camlook.co.kr/shop/list.php?ca_id=10" target="_blank">http://camlook.co.kr/shop/list.php?ca_id=10">- 스푼마켓 http://camlook.co.kr/bbs/board.php?bo_table=c1" target="_blank">http://camlook.co.kr/bbs/board.php?bo_table=c1">- 판매등록신청 http://camlook.co.kr/shop/cart.php" target="_blank">http://camlook.co.kr/shop/cart.php">- 장바구니 http://camlook.co.kr/shop/wishlist.php" target="_blank">http://camlook.co.kr/shop/wishlist.php">- 찜한상품 http://camlook.co.kr/shop/orderinquiry.php" target="_blank">http://camlook.co.kr/shop/orderinquiry.php">- 주문조회
- http://camlook.co.kr/shop/list.php?ca_id=3010" target="_blank">http://camlook.co.kr/shop/list.php?ca_id=3010">- 공동구매 신청
- http://camlook.co.kr/bbs/board.php?bo_table=e1" target="_blank">http://camlook.co.kr/bbs/board.php?bo_table=e1">- 졸업전시정보 http://camlook.co.kr/bbs/board.php?bo_table=e2" target="_blank">http://camlook.co.kr/bbs/board.php?bo_table=e2">- 현재전시정보
- http://camlook.co.kr/bbs/board.php?bo_table=f1" target="_blank">http://camlook.co.kr/bbs/board.php?bo_table=f1">- 자유게시판 http://camlook.co.kr/bbs/board.php?bo_table=f2" target="_blank">http://camlook.co.kr/bbs/board.php?bo_table=f2">- UCC게시판 http://camlook.co.kr/bbs/board.php?bo_table=f3" target="_blank">http://camlook.co.kr/bbs/board.php?bo_table=f3">- 팀원모집게시판 http://camlook.co.kr/bbs/board.php?bo_table=f4" target="_blank">http://camlook.co.kr/bbs/board.php?bo_table=f4">- 대외활동게시판
- http://camlook.co.kr/bbs/faq.php?fm_id=1" target="_blank">http://camlook.co.kr/bbs/faq.php?fm_id=1">- F&Q http://camlook.co.kr/bbs/qalist.php" target="_blank">http://camlook.co.kr/bbs/qalist.php">- 1:1문의 http://camlook.co.kr/bbs/board.php?bo_table=g" target="_blank">http://camlook.co.kr/bbs/board.php?bo_table=g">- 신고하기
if($i > 0) echo ''.PHP_EOL; else echo '
등록된 분류가 없습니다.
'.PHP_EOL; ?>
이런식으로 하였는데 여기서 수정이 가능할가요? ㅠㅠ
두번째로는 메인에 진열되는 상품을 가운데 정렬을 하려면 어떻게 해야할가요..
div에서 float:center를 줘도 정렬이 안되네요 ㅠㅠ
번거로우시겠지만 한번만 답변해주시면 정말 감사드리겠습니다.
답변 2개
우선 float 은 센터 정렬이 존재 하지 않습니다.
일반적으로 div 의 센터를 정렬하는 방법으로는 margin:0 auto; 를 이용하여 치수값을 가지고 가운데 정렬하는 방법이 있고 응용방법등으로는 내부 요소를 하나 만들어 상위 부모 div 또는 ul, li 등이 text-align:center 정렬하는 방법들을 이용할 수 있습니다. (상황에 맞게 응용하셔야 겠지만요 ^^; )
버튼식으로 된 제이쿼리 이벤트 코드를 하나의 덩어리로 만들고 싶으신 거라면
$("button.sub_ct_toggle").on("click", function() { <-- 코드를 수정하시는 방법이 있으시겠네요.
현재는 버튼의 sub_ct_toggle 클래스를 클릭하면 동작하도록 구성된 이벤트로 보여집니다.
버튼의 상위 li 에 클래스를 주시고 $('클래스명').on("click", function() { 으로 변경하시면
무난하게 동작할 것으로 보여집니다.
(실제 적용해보지는 않았습니다.)
댓글을 작성하려면 로그인이 필요합니다.
댓글을 작성하려면 로그인이 필요합니다.
답변을 작성하려면 로그인이 필요합니다.
로그인