我实际上有两个问题，标题是主要的。我在页面上有多个div元素标记为droppable。在这些div元素内，我有跨度被标记为draggable。我想要它，所以当你拖动一个元素，它被徘徊在一个可放置的区域，该区域突出或有一个边框，所以他们知道，他们可以把它放在那里。
作为次要问题，我的所有可拖动元素都有一个显示：块，宽度和浮动在他们，所以他们看起来很好，整洁在我的可放置区域。当项目被丢弃，他们似乎得到一个位置设置为他们，因为他们不再漂浮漂亮和整洁像我的项目的其余部分。供参考，这里是我的javascript。
$('.drag_span').draggable({
revert: true
});
$('.drop_div').droppable({
drop: handle_drop_patient
});
function handle_drop_patient(event,ui) {
$(this).append($(ui.draggable).clone());
$(ui.draggable).remove();
}
解决方法
退房
http://jqueryui.com/demos/droppable/#visual-feedback。
例如：
$( "#draggable" ).draggable();
$( "#droppable" ).droppable({
hoverClass: "ui-state-active",drop: function( event,ui ) {
$( this )
.addClass( "ui-state-highlight" )
.find( "p" )
.html( "Dropped!" );
}
});
$( "#draggable2" ).draggable();
$( "#droppable2" ).droppable({
accept: "#draggable2",activeClass: "ui-state-hover",ui ) {
$( this )
.addClass( "ui-state-highlight" )
.find( "p" )
.html( "Dropped!" );
}
});