JQuery UI перетаскивается в повернутом DIV

Question

У меня есть дочерний элемент div в контейнере div, угол контейнера повернут на 30 градусов, дочерний элемент div является перетаскиваемым элементом. но поведение перетаскивания не является правильным.

HTML:

<div id="container" class="r30">
  <div id="child"></div>
</div>

CSS:

  #container {
      width: 300px;
      height: 300px;
      background-color: yellow;
  }

  #child {
      width: 200px;
      height: 200px;
      background-color: black;
  }

  .r30 {
      -webkit-transform: rotate(30deg);
      -moz-transform: rotate(30deg);
      -ms-transform: rotate(30deg);
  }

ЯШ:

$("#child").draggable();

или jsfiddle: http://jsfiddle.net/wuminzhe/GEruH/

Answer 1

Вы должны использовать $("#child"). Draggable({containerment: $("#container")});