I need some help with solving the following problem:

I have eight <ul> elements made .droppable() on mouseover (using
Interface), and accepting draggable <li> elements, as so ( Stripped
some non-relevant code ):

$(document).ready(function()
{
        $('body').mouseover(function(event)
        {
                if ($(event.target).is('li.character'))
                {
                        $(event.target).Draggable( ... );
                }
        });

        // Make our group boxes droppable
        $('.group').Droppable( ... );
});

And the function I'm calling on Drop:

var addCharToGroup = function(dragged)
{
        // Which group(droppable) did we drop the draggable on?
        var groupID = $(this).attr('id');

        if(( ($('#' + groupID + ' li.character').size()) == 5 ) && groupID !=
'charter')
        {
                // Should not happen
        }
        else
        {
                // Add the character (li) to the list
                $(dragged).remove().clone().appendTo('#' + groupID + ' ul');
        }
}

This is all working in Firefox, but in IE, once I've dropped and
appended an <li> to a new group, .Draggable() won't be called again.
The .addClass("over") IS being called however, so I know the mouseover
event is working.
Is there a known bug in the Interface Draggable and Internet Explorer,
and if so, is there any workarounds?

Reply via email to