爲什麼不是這個簡單的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」？ – 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"})

基本上，你需要設置旋轉爲「xdeg」，而不是

來源

2011-10-09 18:12:04 Saket

爲什麼不是這個簡單的jQuery腳本工作？

回答

相關問題