On IE 7, a sortable moved to a droppable target (trash bin) not deleted
I am very new to jQuery but believe this issue may have something to
do with the Sortable and IE.
I've created a list of draggable items connected to a sortable area.
The list items in the sortable area can be dragged to a trash bin
(droppable) where they can be removed by calling, ui.draggable.remove
() when the drop event is caught. This behavior works on other
browsers but not with IE 7. On IE, the sortable items stay
permanently once dragged in. I tried catching other types of events
but no use there either. Let me include the code snippet below. I
hope someone could help me.
<script type="text/javascript">
$(function()
{
$("#playlistGroups").accordion({
fillSpace: false
});
$("#dropArea").sortable({
revert: true,
placeholder: 'ui-state-highlight',
help: 'original',
receive: function(event, ui) {
//do something with ui.draggable here
}
});
$
("#dragitem1-1,#dragitem1-2,#dragitem1-3,#dragitem1-4,#dragitem1-5,#dragitem2-1,#dragitem2-2,#dragitem2-3").draggable
({
connectToSortable: '#dropArea',
helper: 'clone',
revert: 'invalid',
opacity: 0.7
});
$("ul, li").disableSelection();
$("#trashBin").droppable({
accept: '#dropArea > li',
drop: function(event, ui) {
ui.draggable.remove();
}
});
});
</script>