이전 목록 다음
채택완료

제이쿼리 토글

잠잠다
프로필 보기작성한 질문작성한 답변전체 작성글 보기전체 댓글 보기
 2017-05-31 (수) 15:02:50 4,192

반응형을 코딩 하고 있는데요...

pc에서 화면입니다. lnb영역과 콘텐츠 영역이 잘 보입니다.

eaa3bcd9e4c19391e07fd993b08c020f_1496210170_9731.PNG
 

모바일로 봤을때 open 버튼에 jquery toggle 버튼을 넣어서 메뉴를 열고 닫게끔 했습니다..

eaa3bcd9e4c19391e07fd993b08c020f_1496210168_3115.PNG

근데... 다시 창을 넓혔을때 LNB가 나와야하는데


toggle 때문에 display 가 none이 되네요 ...

eaa3bcd9e4c19391e07fd993b08c020f_1496210299_9145.PNG
 

pc일때 display:block 도 줘보고

스크립트로 width가 몇 이상일때 display : block 처리도 줘봤는데 잘 안먹네요 ㅠㅠ

이부분 어떻게 처리해야할지..

그누보드5
|

답변 4개 / 댓글 2개

채택된 답변
+20 포인트
DMano
프로필 보기작성한 질문작성한 답변전체 작성글 보기전체 댓글 보기
 2017-05-31 (수) 17:16:39

var screen.width 

if( x.width > screen) {

$.(#).toggle{

}

}else{

$("#").css("display", block)

}

bonobono
프로필 보기작성한 질문작성한 답변전체 작성글 보기전체 댓글 보기
 2017-05-31 (수) 17:58:29

display:block 을

display:block!important 로 줘보세요

굿굿어스
프로필 보기작성한 질문작성한 답변전체 작성글 보기전체 댓글 보기
 2017-05-31 (수) 15:48:41

브라우저를 줄였다 늘렸다 하는건 테스트할때만 가능합니다. 모바일에서 브라우저를 늘리는일은

없기 때문에 무시하셔도될듯합니다.

답변에 대한 댓글 1개

잠다
프로필 보기작성한 질문작성한 답변전체 작성글 보기전체 댓글 보기
 2017-05-31 (수) 15:55:08
PC에서 화면 줄였다 늘렸을때를 고려해서 ㅠㅠ 그렇습니다....
DMano
프로필 보기작성한 질문작성한 답변전체 작성글 보기전체 댓글 보기
 2017-05-31 (수) 15:13:14

width 로 분기 태워서 작업하시면 됩니다.

screen.width 가 작을 때에는 토글이 아닐 때에는 display:block이 이러면 됩니다.

답변에 대한 댓글 1개

잠다
프로필 보기작성한 질문작성한 답변전체 작성글 보기전체 댓글 보기
 2017-05-31 (수) 15:42:40
제이쿼리 이프문으로 하면댈까요?

답변을 작성하려면 로그인이 필요합니다.