削除後のソート可能な要素の滞在

Question

ソート可能な要素を持つリストがあります。ソート可能な要素は、スラッシュビンにドロップすると削除できます。 問題は、要素を削除した後もそのまま残ります。

<div class="content-remove" id="content-remove"></div> 
<div class="content-elements" id="content-elements"> 
    <div class="element-item"> 
    </div> 
</div> 


$("#content-remove").droppable({ 
     accept: '#menu-contents .element-item', 
     activeClass: 'active-remove', 
     hoverClass: 'active-hover-remove', 
     tolerance: 'pointer', 
     drop: function(event, ui) { 
      ui.draggable.remove(); 
     }, 
     over: function(event, ui) { 
      ui.draggable.css({border: '2px solid #E64746', opacity: '0.7'});     
      ui.droppable.css({border: '2px solid #E64746', opacity: '0.7'}); 
      }, 
     out: function(event, ui) { 
      ui.draggable.css({border: '1px solid #ccc', opacity: '1'}); 
      ui.droppable.css({border: '1px solid #ccc', opacity: '1'}); 
      } 
     }); 
$("#menu-contents .content-elements").sortable({placeholder: 'sortable-placeholder'}).disableSelection(); 

あなたは親指で見ることができるように、2つのプレースホルダ一つだけの要素があります。これをどうすれば解決できますか？ ありがとうございます。

Answer 1

元の要素ではなくui.draggableを削除すると思われます。

drop: function(event, ui) { 
    var id = ui.draggable.attr("id"); 
    $("#" + id).remove(); 
}, 

Answer 2

エラーが発生しました。要素を削除した後、.cssメソッドにアクセスしようとしました。エラーを生成し、残りをクラッシュさせます。