將純JavaScript轉換為jQuery

Question

一個非常簡單的問題，只是很難讓它真正起作用。 我有一段試圖在jquery中編寫的javascript代碼，但無法完全理解。

effects_of_yoga_2010_INFO.style.setProperty('-webkit-transform',   
'rotateZ('+effects_of_yoga_2010_DEG+'deg)');  

我嘗試過

$("#effects_of_yoga_2010_INFO").css("-webkit-transform", 
"rotateZ('+effects_of_yoga_2010_DEG+'deg)"); 

但是jquery片段不起作用，我真的很感激我能為此提供的任何幫助，我敢肯定對某人來說這會很輕松。

Answer 1

它應該是：

$("#effects_of_yoga_2010_INFO").css("-webkit-transform",
"rotateZ("+effects_of_yoga_2010_DEG+"deg)");

您在混合單引號和雙引號。

Answer 2

假設effects_of_yoga_2010_DEG是具有值的元素的另一個id，請嘗試：

$("#effects_of_yoga_2010_INFO").css("-webkit-transform", 
"rotateZ('" + $("#effects_of_yoga_2010_DEG").val() +"'deg)"); 

Answer 3

$("#effects_of_yoga_2010_INFO").css("-webkit-transform", "rotateZ('+effects_of_yoga_2010_DEG+'deg)"); 

看起來不對。 除非這是一個復制粘貼錯誤，否則您應該像使用JavaScript版本一樣，將其余字符串中的變量值分開。

$("#effects_of_yoga_2010_INFO").css("-webkit-transform", "rotateZ(" + effects_of_yoga_2010_DEG + "deg)"); 

當然，這是基於不知道effects_of_yoga_2010_DEG是什么。 我假設它只包含您要查找的值，並且可以像JavaScript版本一樣使用。