채택완료

제이쿼리.

2018-11-22 (목) 17:41:21 2,280

<body class="viewing-page-1">

일때 heder에 클레스 on을 추가해줘라.

<body class="viewing-page-2">

일떄는 heder에 css color:red 가 추가되어라.

이걸 제이쿼리로 가능할까요..

너무 초짜라 완성된 소스 부탁드릴수있을가요..?

답변 2개 / 댓글 4개

채택된 답변
+20 포인트
Copy
<script>
            $(document).ready(function(){
                if($('body').hasClass('viewing-page-1')){
                    $('heder').addClass('on')
                }else if($('body').hasClass('viewing-page-2')){
                    $('heder').css('color','red')
                }
            })
        </script>

답변에 대한 댓글 2개

2018-11-22 (목) 18:00:40
작동이안되는데.. 뭐 오류가 있을까요?ㅎㅎ
$('heder') 가
heder 맞나요? .heder인지 header인지 맞는걸 넣으세요
2018-11-22 (목) 17:50:53

$(function(){

var class = $('body').attr('class');

if(class=='viewing-page-1'){

$('header).addClass('on');

}else if(class=='viewing-page-2'){

$('header').css('color','red');

}

});

그냥 대충 쓴건데 이렇게??

답변에 대한 댓글 2개

var class 가 안되겠네요 다른 이름으로 변경 하세요
2018-11-22 (목) 18:01:01
위에 채택은 답은 오류가 없을가요?

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