javascript - 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")});