Multiple droppables affect each other?
I have two droppable areas on a page.
The first is a div tag surrounding a list. Names clicked on that list
become draggable items in a new list.
The second droppable is assigned to input items in a form.
I want to alternate between two states. Either the user is allowed to
click
on the first to add users to a list, or they are able to drag those
names to
the form inputs.
In the first state, the user can delete names by dragging them back to
the
list.
When I change states, I enable one droppable by class, and disable the
other:
$('.dsp').droppable('disable');
$('.dap').droppable('enable');
All of that works. There's just one aspect that's making me a bit
crazy.
The 'dsp' function uses an out: and over: function to display a
message let
the user know the consequence of dropping in that area. out:, over:,
and
hoverClass: are disabled when the second, 'dap' area is disabled. It
functions normally otherwise.
accept:, activeClass: and drop: contine to work in the enabled
droppable, so
the functionality is mostly there. I'm just missing a bit of feedback
I
wanted.
Is what I'm seeing normal, known behavior; have I done something
wrong; or
is this a bug? jQuery-1.2.3 as seen on Safari and Firefox on Mac.
Thanks