jQuery UI Draggable - ドロップ後のドラッグ可能保持

Question

私はアイテムのリストを持っています。私はリストからテーブルへアイテムのクローンをドラッグしたい - これまでのところ良い。

アイテムをテーブルにドラッグすると、そのアイテムをテーブル内の別のセルにドラッグできます。私は誰かがこれを助けることを望んでいます。次のように私がこれまで持っているコードは次のとおりです。 -

$('.drag').draggable({ 
     cursor:'move',  
     helper:'clone' 
}); 

$('.dog_drop').droppable({ 
     drop: handleDropEvent 
    }); 

function handleDropEvent(event, ui) { 
    var draggable = ui.draggable; 
    $(ui.draggable).clone().appendTo($(this)),  
    // ajax in here 
} 

私はあなたが提供することができます任意のアドバイスのために非常に感謝されます。事前 フィル

Answer 1

で

多くのおかげであなたは、新しい追加アイテムを見つけて、その上にドラッグ可能な（）関数を実行したいです。例えば

.dragアイテムを使用すると、次の操作を行うことができますリンクの場合：

$('.drag').draggable({ 
    find: '.dog_drop', 
    cursor:'move' 
}); 

$('.dog_drop').droppable({ 
    drop: handleDropEvent 
    }); 

function handleDropEvent(event, ui) { 
    var $this = $(this); 
    $this.append(ui.draggable); 

    $('.dog_drop').find('div:last').draggable({ 
     cursor:'move' 
    }); 

    // ajax in here 
} 

は、それが複数の項目で作業することができますので、最後の項目を選択してください。