Почему не работает этот простой скрипт jQuery?

Question

Я пытаюсь сделать очень простой скрипт поворота HTML5 / 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 () работает.

Answer 1

Вместо просто числа, попробуйте установить значения свойств преобразования равными rotate(90deg) и так далее. Есть намного больше функций преобразования CSS, чем просто вращение, см. Больше здесь .

Answer 2

Использование: $(this).css({ '-moz-transform': rotation+"deg", '-webkit-transform': rotation+"deg"})

По сути, вам нужно установить вращение как "xdeg", а не "x"