表題のとおりで、ちょっとハマった。 <ul id="sortable"> <li>item 1</li> <li>item 2</li> <li>item 3</li> <li>item 4</li> <li>item 5</li> <li>item 6</li> <li>item 7</li> </ul> <div id="trash" style="border:1px solid"> ここにドラッグすると削除 </div> <script> $(document).ready(function(){ $("#sortable").sortable(); $("#trash").droppable({ hoverClass: "ui-state-hover", drop: function( event, ui ){ ui.draggable.remove(); } }); }); <