problem with dragging&dropping sortable items
hello ui community,
it would be great if some of you could check my problems. it's very
odd and i tried to fix it over the last days, without any positive
results.
i am using an accordion menu, this menu separates two lists which both
are sortable:
$('#playlistList').sortable();
$('#searchResultList').sortable();
i also want to have the items in those lists to be draggable. as i
learned in this user group: it's not necessary to specify the elements
as draggable (since this is done by sortable).
so i only set up my droppables:
$('.player1').droppable(
{
accept: '.searchResultEntry',
hoverClass: '',
drop: function(ev, ui)
{
myFunctions();
}
});
1. question: the dragging works but i don't have this nice effect
(like opacity) of the dragged element, like before. how can i specify
that? because at the moment the dragged element get invisible as soon
as it leaves theaccordion area. this is kind of odd to see, how to
prevent this?
2. question: it's not possible to drop the draggable element
everywhere within the specified droppable area: ".player1". it's only
possible to drop it on the <ul> element (see html code below) but not
on the embedded swf object. how does it come? i used to drop elements
on embedded objects before and it worked, but i used the "draggable"
function, i didn't use sortable lists neither accordion.
HTML:
<div class="player player1 ui-droppable">
<object id="player1" width="464" height="261" type="application/x-
shockwave-flash" name="player1" data="http://www.youtube.com/apiplayer?
enablejsapi=1&disablekb=1&egm=0&rel=0&autoplay=0&fmt=18&playerapiid=player1">
</object>
<ul id="icons" class="" ui-helper-clearfix="" ui-widget=""
controls1="" controls=""></ul>
</div>
thank you for your help
dirk