Estoy aplicando droppable al elemento rotado.

Violín

Los eventos desplegables se activan en el área antes de la rotación y no se activan en el elemento rotado real.

HTML

 <div id="droppable">Drop here</div> <div id="draggable">Drag me</div>

CSS

 #draggable { width: 40px; height: 40px; background: #ccc; } #droppable { position: absolute; left: 250px; top: 80px; width: 225px; height: 35px; background: #999; color: #fff; padding: 10px; transform-origin:center; transform: rotate(45deg); }

JavaScript

 $( "#draggable" ).draggable(); $( "#droppable" ).droppable({ drop: function() { alert( "dropped" ); } });

Gracias.