jquery ui可在旋转的div中拖动

Question

我在一个容器 div 中有一个子 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);
  }

js:

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

或jsfiddle： http://jsfiddle.net/wuminzhe/GEruH/

Answer 1

你应该使用 $("#child").draggable({containment: $("#container")});