Converting plain JavaScript to jQuery

Question

really simple question, just having a hard time actually making it work. I have a snipet of code that's javascript that I'm trying to write in jquery and can't quite get it.

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

and I had tried it as

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

but the jquery snippet doesn't work, I'd really appreciate any help I can get on this, I'm sure it'll be breeze for someone.

Nelson Benítez León · Accepted Answer · 2012-10-04 11:59:28Z

6

It should be:

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

you were mixing single quotes with double quotes.

answered Oct 4, 2012 at 11:59

Nelson Benítez León

51k8 gold badges70 silver badges84 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

StuartLC · Accepted Answer · 2012-10-04 12:00:07Z

2

Assuming effects_of_yoga_2010_DEG is another id of an element with a value, try:

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

answered Oct 4, 2012 at 12:00

StuartLC

108k18 gold badges225 silver badges294 bronze badges

2 Comments

Thilo Over a year ago

Why would you assume that? It is certainly not backed by the original JS code.

StuartLC Over a year ago

@Thilo - it seems to be OP's naming convention of his id's. But yes, it could also just be a js var. Too little info I guess :)

WTK · Accepted Answer · 2012-10-04 12:13:20Z

1

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

That doesn't look right. Unless this was a copy-paste error you should split the variable values from the rest of the strings the same way as the JavaScript version had done.

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

Of course, this is based on not knowing what effects_of_yoga_2010_DEG is. I'm assuming it simply contains the value you are looking for and can be used the same as the JavaScript version had done.

edited Oct 4, 2012 at 12:13

WTK

17.1k6 gold badges39 silver badges46 bronze badges

answered Oct 4, 2012 at 12:00

Nope

22.4k8 gold badges50 silver badges73 bronze badges

Collectives™ on Stack Overflow

Converting plain JavaScript to jQuery

3 Answers 3

Comments

2 Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

Comments

2 Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related