Rotation doesn't apply to jQuery

Asked Aug 17 '17 at 14:16

Active Aug 17 '17 at 14:26

Viewed 25 times

I'm trying to rotate a object contained inside its parent. When I apply a rotation, the CSS works fine, but jQuery isn't updating, allowing the children to move a bit outside its container.

$(document).ready(function() {
  $(".tem_class").draggable({
    containment: $(".container_class").parent()
  });
  jQuery.fn.rotate = function(degrees) {
    $(this).css({'transform' : 'rotate('+ degrees +'deg)'});
  }
});

Any ideas why jQuery isn't getting the new values and how to correct it?

edited Aug 17 '17 at 14:26

Paolo Forgia

6,572
8
46
58

asked Aug 17 '17 at 14:16

Marcos Felipe

https://stackoverflow.com/questions/3020904/how-to-rotate-a-div-using-jquery – peter.stankowski Aug 17 '17 at 14:19
Possible duplicate of [How to rotate a div using jQuery](https://stackoverflow.com/questions/3020904/how-to-rotate-a-div-using-jquery) – Paolo Forgia Aug 17 '17 at 14:27
Actually it's not. I'm rotating the object using the same approach. The problem is with the containment. When the object is rotated 70 deg, it doesn't respect the containment. – Marcos Felipe Aug 17 '17 at 14:32
What do you mean by "CSS works fine, but jQuery isn't updating"? – Seano666 Aug 17 '17 at 20:35

Rotation doesn't apply to jQuery

0 Answers0