홈페이지 너비가 960px 이상일 때만 제이쿼리를 적용하려면?
관련링크
본문
미디어 쿼리의 크기가 960px 이상일 때만 제이쿼리를 적용하려면 어떻게 하나요?
@media all and (min-width:960px){
}
if ($(document).width() > 960px {
$('#toggle-menu-main').css("position","absolute");
$('#toggle-menu-main').css("top","38px");
$('#toggle-menu-main').css("left","185px");
$('#toggle-menu-game').css("position","absolute");
$('#toggle-menu-game').css("top","38px");
$('#toggle-menu-game').css("left","278px");
$('#toggle-menu-content').css("position","absolute");
$('#toggle-menu-content').css("top","38px");
$('#toggle-menu-content').css("left","371px");
$('#toggle-menu-comm').css("position","absolute");
$('#toggle-menu-comm').css("top","38px");
$('#toggle-menu-comm').css("left","464px");
$('#toggle-menu-down').css("position","absolute");
$('#toggle-menu-down').css("top","38px");
$('#toggle-menu-down').css("left","557px");
$('#toggle-menu-site').css("position","absolute");
$('#toggle-menu-site').css("top","38px");
$('#toggle-menu-site').css("left","650px");
}
답변 3
if ($(document).width() > 960px {
을
if ($(document).width() > 960) {
이렇게 변경하면 되지 싶은데요?
죄송하지만 안되네요 ㅠ.ㅠ
브라우저 가로 폭을 최소한으로 좁힌 상태에서
화살표를 누르면 메뉴가 엉뚱한 곳에 뜹니다..
근데 꼭 jquery 로 하셔야 하나요?
@media all and (min-width:960px){
#toggle-menu-main {position:absolute;top:38px;left:185px;}
}
이렇게 하시면 될텐데요..?
그렇게 해봤는데 메뉴가 깨져서요 ㅠㅠ...
CSS로 잘되네요. 정말 고마워요 ^.^
#toggle-menu #toggle-menu-main{
position:absolute;
top:38px;
left:185px;
}