same IE sortable.remove issue
I have searched this forum and other resources for a solution, but am
still hitting a wall.
I have a screen with several sets of draggable ul/lis and a sortable
ul.
Need users to be able to drag items to the sortable list, arrange and
delete items. I have a "trash can" div for the delete. It uses
sortable.remove(), then a refresh. works great in FF, but the item
reappears in IE.
I have tried a dozen increasingly complex solutions...but none have
worked. I can not easily do anything by ID, because the users can
duplicate items in the destination.
Can someone assist with this? sure seems like it should be
simple...but those are the ones that kick your ass!
Here is the js code.
$(document).ready(function () {
$("#moh_display_set").sortable({
revert: true,
stop: function(event,ui) {
$("#moh_display_set li ").each( function(i) {
$(this).removeClass('pr_draggable');
$(this).addClass('mohslot');
});
}
});
$(".pr_draggable").draggable({
cursor: 'pointer',
helper: 'clone',
connectToSortable: '#moh_display_set',
revert: 'invalid'
});
$('#moh_trash').droppable({
accept: '.mohslot',
drop: function(event, ui) {
$(ui.draggable).remove();
$("#moh_display_set").sortable('refresh');
}
});
});