Draggable, Droppable, rendering the result of an ajax call
Hello,
I've created draggable, droppable and I invoke an ajax call on drop,
everything works fine, but I have one issue.
here is the code:
$(".draggable").draggable({ revert: true, helper: 'clone' });
$(".droppable").droppable({
drop: function(event, ui) {
var target = $(this).find('table:first tbody');
$.get('/forms/<%=@form.id%>/fields/new',
function(data){
target.append(data);
});
}
});
The problem, I think is that I have to store the $(this) into a
variable (target) to keep the $(this) droppable context in the ajax
respone to render this response into the right droppable.
Is there a way of "proxying" the droppable $(this) context that would
be more in the jQuery style.
Regards
Geoffroy
--