테스트 사이트 - 개발 중인 베타 버전입니다
SIR
목록으로
이전글 다음글

자바스크립트? 제이쿼리? 질문 드립니다... 채택완료

nanati 10년 전 조회 3,718
답변 2
목록

매번 아무것도 모르는 상태로 질문드려 참말로 죄송합니다 ㅠ ㅠ

도와주세용 -ㅅ ㅠ

 

 

 

 

자바스크립트나 제이쿼리로

 

예를들어 화면 사이즈가 640px이하가 되었을 때만,

a, b, c라는 클래스 명을 삭제하게 명령하고 싶은데요..

 

이런 것도 가능한지요?

 

여기저기 검색해보고 있는데 제게 딱 맞는게 없네요 ...

 

 

#javascript #자바스크립트 #제이쿼리
댓글을 작성하려면 로그인이 필요합니다.

답변 2개

채택된 답변
+20 포인트
thisgun
thisgun
10년 전

jquery로 요렇게 하심 되실겁니다~

 

</p><p>jQuery(document).ready(function( $ ) {</p><p style="margin-left: 40px;">$(window).resize(function(){<span class="Apple-tab-span" style="white-space:pre">	</span>//브라우저를 resize 하면 항상 실행됨</p><p style="margin-left: 40px;"><span class="Apple-tab-span" style="white-space:pre">	</span>var w = $(window).innerWidth();<span class="Apple-tab-span" style="white-space:pre">		</span>// 창의 width값을 구함</p><p style="margin-left: 40px;"><span class="Apple-tab-span" style="white-space:pre">	</span>if ( w < 640 ) {<span class="Apple-tab-span" style="white-space:pre">	</span>// 640이하면</p><p style="margin-left: 40px;"><span class="Apple-tab-span" style="white-space:pre">		</span>$("셀렉터a, 셀렉터b, 셀렉터c").removeClass("클래스이름");</p><p style="margin-left: 40px;"><span class="Apple-tab-span" style="white-space:pre">	</span>}</p><p style="margin-left: 40px;">});</p><p>}); </p><p>

로그인 후 평가할 수 있습니다

답변에 대한 댓글 3개

�
亞波治
10년 전
+1
n
nanati
10년 전
감사합니다 ^^ 맨날 비슷한 걸 묻는 것 같아 죄송하네요 ㅎㅎ
이젠 좀 스스로 할 수 있었으면 ㅠ ㅠ ..ㅎㅎ 감사합니다 ^^
t
thisgun
10년 전
헤헤 ^^;
you are welcome
( 요것은 댓글 테스트입니다. )

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

달
달오벌
10년 전

thisgun님 답변에 추가해서 적습니다~ 

첫 화면을 로딩했을때 화면이 640이하일 때도 적용하시려면 resize()를 한번 더 실행하셔야 하고,

640보다 크면 다시 클래스를 돌려놔야 하기때문에...

다음과 같이 작성해보면 되지 않을까요?

 

 

$(window).resize(function(){
    var w = $(window).width();
    if ( w <= 640 ) {
        $("셀렉터a, 셀렉터b, 셀렉터c").removeClass("클래스이름");
    }else if( w > 640 ) {
        $("셀렉터a, 셀렉터b, 셀렉터c").addClass("클래스이름");
    }
}).resize();
로그인 후 평가할 수 있습니다

답변에 대한 댓글 1개

n
nanati
10년 전
달오벌님 감사합니다 ^^
적용해 보도록 하겠습니다!! ~~

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

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

로그인