The problem is that the accordion-theme specifies "overflow: auto" for the accordion content. So when you try to drag out of the content, it just starts scrolling. Overriding overflow doesn't improve things.
Solve it by dragging "outside" of the accordion via the appendTo option:
$('.selector').draggable({ appendTo: 'body' });
Jörn
On Fri, Jan 8, 2010 at 1:24 PM, Artur Soler <artur.so...@gmail.com> wrote:
>
> Hello,
>
> I am trying to use some draggable items inside an accordion but what I
> am unable to drag those items out of the accordion.
>
> Using "containment: 'document'" on the draggables the behavior
> remained unchanged.
>
> Along with this message I leave the code I've been using.
>
> I would appreciate any help to solve this. Thank you in advance.
>
> Artur Soler
>
> Code:
> <div id="accordion">
> <h3><a href="#">Section 1</a></h3>
> <div>
> <span id="draggable1" class="draggable ui-widget-
> content">DRAGGABLE</span>
> </div>
> <h3><a href="#">Section 2</a></h3>
> <div>
> Section 2
> </div>
> </div>
> <script>
> $(document).ready(function() {
> $("#accordion").accordion();
> $(".draggable").draggable({ containment: 'document'
});
> });
> </script>
>
> --
> You received this message because you are subscribed to the Google Groups
"jQuery UI" group.
> To post to this group, send email to jquery...@googlegroups.com.
> To unsubscribe from this group, send email to
jquery-ui+unsubscr...@googlegroups.com<jquery-ui%2bunsubscr...@googlegroups.com>
.
> For more options, visit this group at
http://groups.google.com/group/jquery-ui?hl=en.
>
>
>
-- You received this message because you are subscribed to the Google Groups "jQuery UI" group.
To post to this group, send email to jquery...@googlegroups.com.
To unsubscribe from this group, send email to jquery-ui+unsubscr...@googlegroups.com.
For more options, visit this group at http://groups.google.com/group/jquery-ui?hl=en.
