如何删除内部droppable插入更多的新元素 - 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'); 
    } 
});