홈페이지 너비가 960px 이상일 때만 제이쿼리를 적용하려면? 채택완료
미디어 쿼리의 크기가 960px 이상일 때만 제이쿼리를 적용하려면 어떻게 하나요?
http://red2.net/rwd2/" target="_self">http://red2.net/rwd2/http://red2.net/rwd2/" target="_self">
</span></font></p><p><span style="font-family: 돋움, Dotum, Helvetica, sans-serif; font-size: 12px; line-height: 1.5;"></span><font face="돋움, Dotum, Helvetica, sans-serif"><span style="font-size: 12px; line-height: 18px;">@media all and (min-width:960px){</span></font></p><p><span style="font-family: 돋움, Dotum, Helvetica, sans-serif; font-size: 12px; line-height: 1.5;">}</span></p><p><span style="font-family: 돋움, Dotum, Helvetica, sans-serif; font-size: 12px; line-height: 1.5;">
</span></p><p><span style="font-family: 돋움, Dotum, Helvetica, sans-serif; font-size: 12px; line-height: 1.5;">if ($(document).width() > 960px {</span></p><p> </p><p>$('#toggle-menu-main').css("position","absolute");</p><p>$('#toggle-menu-main').css("top","38px");</p><p>$('#toggle-menu-main').css("left","185px");</p><p> </p><p>$('#toggle-menu-game').css("position","absolute");</p><p>$('#toggle-menu-game').css("top","38px");</p><p>$('#toggle-menu-game').css("left","278px");</p><p> </p><p>$('#toggle-menu-content').css("position","absolute");</p><p>$('#toggle-menu-content').css("top","38px");</p><p>$('#toggle-menu-content').css("left","371px");</p><p> </p><p>$('#toggle-menu-comm').css("position","absolute");</p><p>$('#toggle-menu-comm').css("top","38px");</p><p>$('#toggle-menu-comm').css("left","464px");</p><p> </p><p>$('#toggle-menu-down').css("position","absolute");</p><p>$('#toggle-menu-down').css("top","38px");</p><p>$('#toggle-menu-down').css("left","557px");</p><p> </p><p>$('#toggle-menu-site').css("position","absolute");</p><p>$('#toggle-menu-site').css("top","38px");</p><p>$('#toggle-menu-site').css("left","650px");</p><p> </p><p>}</p><p>
답변 3개
if ($(document).width() > 960px {
을
if ($(document).width() > 960) {
이렇게 변경하면 되지 싶은데요?
답변에 대한 댓글 2개
@media all and (min-width:960px){
#toggle-menu-main {position:absolute;top:38px;left:185px;}
}
이렇게 하시면 될텐데요..?
댓글을 작성하려면 로그인이 필요합니다.
CSS로 잘되네요. 정말 고마워요 ^.^
</p><p>#toggle-menu #toggle-menu-main{</p><p>position:absolute;</p><p>top:38px;</p><p>left:185px;</p><p>} </p><p>댓글을 작성하려면 로그인이 필요합니다.
답변을 작성하려면 로그인이 필요합니다.
로그인
브라우저 가로 폭을 최소한으로 좁힌 상태에서
화살표를 누르면 메뉴가 엉뚱한 곳에 뜹니다..