jQuery UI Draggable - Behalten Drag-Fähigkeit nach dem Drop

Question

Ich habe eine Liste von Elementen. Ich möchte einen Klon eines Objekts aus der Liste in eine Tabelle ziehen - so weit, so gut.

Wenn das Element in die Tabelle gezogen wird, möchte ich in der Lage sein, dieses Element in eine andere Zelle in der Tabelle zu ziehen. Ich hoffe, dass jemand dabei helfen kann. Der Code, den ich bis jetzt habe, ist wie folgt: -

$('.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 
} 

Ich wäre sehr dankbar für jede Beratung, die Sie zur Verfügung stellen können.

Vielen Dank im Voraus Phill

Answer 1

Sie wollen den neuen beigefügten Artikel zu finden und ziehbar() Funktion darauf laufen.

Zum Beispiel, wenn der .drag Artikel ist ein Link, den Sie folgende tun:

$('.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 
} 

Stellen Sie sicher, das letzte Element zu wählen, so dass es mit mehreren Elementen arbeiten kann.