jQuery Forum

I've set up a little test environment so you can try it out easily.

Unzip the attached files, and open test.html. In IE, people don't get removed when you drag them over to the delete area. In every other browser though, it seems fine.

I am having this problem as well. To get around it (I hope just for now), I use a timeout to kill it off after the callback function completes.

1. temp = ui.draggable.empty();
   setTimeout(function(){temp.remove()},2);

I only run this if the browser is IE, otherwise I just remove the element. I haven't ran into any issues so far. A real fix would be better though.

I found that while the remove() method wouldn't work in the droppable's drop event,
it would work in the sortable's stop event.

so i set a global variable

1. deleteMe = false;

and when the droppable receives the element i set that

1. drop: function( event, ui ) {
2.     deleteMe = true;
3. }

then i add start and stop events to the sortable

1. start: function(event, ui) {
2.      deleteMe = false;
3. },
4. stop: function(event, ui) {
5.     if (deleteMe) {ui.item.remove()}
6. }

if the element.remove() from jQuery is not working properly in ie( i have been having this same problem from time to time, crappy ie), we can just bypass jQuery then and use raw javascript to remove the element, like:

jQuery:
ui.draggable.remove(); // sometimes we can  just hide it instead of removing for a quick fix but not perfect at all

Javascript equivalent:
var Parent=ui.draggable.parent()[0] // add [0] to the end of jQuery object to convert to a normal javascript one.
var Me=ui.draggable[0];
Parent.removeChild(Me);

I found no error messages after using equivalent javascripts in all ie.

cheers,