왜이 간단한 jQuery 스크립트가 작동하지 않습니까?

아주 기본적인 HTML5/jQuery 로테이션 스크립트를 만들려고합니다.왜이 간단한 jQuery 스크립트가 작동하지 않습니까?

$(document).find("[data-rot]").each(function(i, e) { 
     var rotation = $(this).attr("data-rot"); 
     console.log(i+' '+rotation); 
     $(this).css({ '-moz-transform': rotation, '-webkit-transform': rotation }); 
});

그리고 HTML :

<div data-rot="90">Rotate me 90 degrees</div> 
<div data-rot="20">Rotate me 20 degrees</div> 
<div data-rot="180">Rotate me 180 degrees</div> 
<div data-rot="300">Rotate me 300 degrees</div>

내가 잘못 뭐하는 거지 여기 코드는? console.log()가 작동합니다.

출처

2011-10-09 watzon

당신이 어떤 에러가 발생합니까 "X"보다 "xdeg"로 회전을 설정해야합니까? – Saket

오류가 없으며 아무것도 수행하지 않습니다. – watzon

왜 단순히'$ ('[data-rot]')'를 찾고 있지 않습니까? 또한'each' 함수 내'data' 함수를 사용하여'[data-]'속성에 접근 할 수 있습니다 :'$ (this) .data ('rot')'. – zzzzBov

숫자 대신에 변환 속성의 값을 rotate(90deg) 등으로 설정해보십시오. 더 많은 CSS 변환 기능이 있습니다. 자세한 내용은 here을 참조하십시오.

출처

2011-10-09 18:09:04 Kaivosukeltaja

조금 더 신경 써야하나요? 부디? – watzon

신경 쓰지 마라, 효과가 있었다! – watzon

CSS 변환에 대한 유용하고 흥미로운 정보를 제공하는 링크를 추가했습니다. 다행스럽게 도울 수있어! :) – Kaivosukeltaja

사용 : $(this).css({ '-moz-transform': rotation+"deg", '-webkit-transform': rotation+"deg"})

기본적으로, 당신은 오히려

출처

2011-10-09 18:12:04 Saket

왜이 간단한 jQuery 스크립트가 작동하지 않습니까?

답변

관련 문제