按照排序拖拽，可以在指定的框内拖拽$('.drag').draggable({
appendTo: 'body',
helper: 'clone'
});
$('#dropzone').droppable({
activeClass: 'active',
hoverClass: 'hover',
accept: ":not(.ui-sortable-helper)", // Reject clones generated by sortable
drop: function (e, ui) {
var $el = $('<div class="drop-item pull-left">' + ui.draggable.text() + '</div>');
$el.click(function () { $(this).detach(); });
$(this).append($el);
}
}).sortable({
items: '.drop-item',
sort: function() {
// gets added unintentionally by droppable interacting with sortable
// using connectWithSortable fixes this, but doesn't allow you to customize active/hoverClass options
$( this ).removeClass( "active" );
}
});
