Kolin
142
2021-03-20 19:21:10 작성 2021-03-20 19:21:39 수정됨
3
127

선생님들 js, jquery 관련 질문 드립니다!


제가 버튼을 누를 때 마다 css속성을 실행시키고 싶어서 코드를 짜는데 영 답이 나오질 않네요..ㅜㅜ 

처음 버튼을 누를 때는 속성값이 먹히는데 그 다음부터는 전혀 먹히질 않습니다. 혹시 이 부분에 대해 알고계는게 있으시다면 도움 부탁드리겠습니다!!


                <button id="A" type="button" class="btn btn-primary mt-5"></button>
                <button id="B" type="button" class="btn btn-primary mt-5"></button>
                <button id="C" type="button" class="btn btn-primary mt-5"></button>
위 부분이 버튼태그입니다!

$('.btn').click(function(){
   $('.question').css({"transform": "rotate(360deg)""transition": ".7s"});
});
question이라는 클래스 부분만 회전을 시키고 싶어서 위 처럼 작성하였습니다!

0
  • 답변 3

  • Kolin
    142
    2021-03-20 19:46:25 작성 2021-03-20 19:48:05 수정됨

    아!! 그렇다면 num이라는 변수를 1로 지정하고 if문을 사용해 원하는 만큼 지정한 다음 num++를  한다면 "transform": "rotate(360deg)"여기에 num을 곱해주고 싶은데 혹시 방법이 있는지 여쭤봐도 될까요?

  • 장독깨기
    1k
    2021-03-20 21:01:20 작성 2021-03-20 21:56:48 수정됨

    $(".btn") => 클래스를 지정한거니 a,b,c 어떤 버튼을 눌러도 이 함수가 실행됩니다.

    $("#A)...

    $("#B")...

    이렇게 구분해서 회전각도를 다르게 해주시면 될 거 같습니다.


    그리고, 각도를 연산한 다음 문자열 연결시켜줘도 됩니다.

    deg = 180;

    ..., "roate(" + deg + ")", ...

    자바스크립트에서 이런거는 대충 해줘도 거의 다 되니 막 해보세요..ㅋㅋ

    콘솔 로그창 보면 오류도 잘 나오니까, 확인해보면서 하면 도움이 됩니다.



  • Kolin
    142
    2021-03-21 02:58:30

    감사합니다!!

  • 로그인을 하시면 답변을 등록할 수 있습니다.