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>
--~--~---------~--~----~------------~-------~--~----~
You received this message because you are subscribed to the Google Groups
"jQuery UI" group.
To post to this group, send email to [email protected]
To unsubscribe from this group, send email to
[email protected]
For more options, visit this group at
http://groups.google.com/group/jquery-ui?hl=en
-~----------~----~----~----~------~----~------~--~---
