jquery ui draggable in rotated 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); 
    } 

ЯШ:

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

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

Answer 1

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