より多くの新しい要素を挿入するためにdropable内の要素を削除する方法 - jQuery

Question

jQueryを使用して、ユーザーが別の要素に数値をドラッグできる小規模なシステムを作った。ユーザーが新しい番号をドラッグできるようにしたいが、ユーザーが以前にドロップした番号（要素）を削除したい。ドロップ可能それが

$('#rate1, #rate2, #rate3, #rate4, #rate5').droppable({ 
        accept: ('#drag_rate1, #drag_rate2, #drag_rate3, #drag_rate4, #drag_rate5'), 
        drop: function(ev, ui) { 
         var numero = ui.draggable.html(); 
         //var dedoid = ui.draggable.attr('id'); 
         var bkg = ui.draggable.css('background-image'); 
         var html = '<div class=\'number_dropped\' style=\'background-image: '+bkg+'\'>'+numero+'</div>'; 
         $(this).append(html).hide().fadeIn('slow'); 
         $(this).droppable('disable'); 
        } 
       }); 

Answer 1

明らかに機能を停止して削除以前にこの行で、オブジェクトをドロップ

今私はちょうど無効にしています：

$(this).find(".dedo_dropped").remove(); 

をだからあなたのコードは次のようになります。

$('#rate1, #rate2, #rate3, #rate4, #rate5').droppable({ 
    accept: ('#dedo_up, #dedo_down'), 
    drop: function(ev, ui) { 
     $(this).find(".dedo_dropped").remove(); 
     var dedo = ui.draggable.html(); 
     var bkg = ui.draggable.css('background-image'); 
     var html = '<div class=\'dedo_dropped\' style=\'background-image: '+bkg+'\'>'+dedo+'</div>'; 
     $('#dedo_pick').append(html).hide().fadeIn('slow'); 
     $(this).droppable('disable'); 
    } 
});