I have a list which is reordered using sortable.
I defined a trash can div, and I want to achieve that when the blocks are dropped on this div to get deleted. So far I can't seam to fine the way to fire the drop event, when I release the item gets back to his previous position.
I have this code:
$(document).ready(function() {
var order = null;
$("#order-list").load(location.href+" #order-list>*","");
$("#order-list").sortable({
handle : '.handle',
update : function (e, ui) {
order = $(this).sortable('serialize');
$("#info").load("process-sortable.php?"+order);
}
});
});
and
$("#trashcan").droppable({
drop: function(event, ui) {
draggedid = ui.draggable.attr('id');
alert(draggedid); // doesn't fire
$.get("process-add-subcat.php",
{
"action" : "delete_subcategory",
"draggedid": draggedid
},
function(data){
});
}
});
