The accept option can take a function. That function gets called when a
draggable starts being dragged and the draggable item is sent as the first
argument to the function. So if your droppable already has an item, simply
return false in that function, otherwise return true. The other option would
be to disable or destroy your droppable, once it has an item.
- Richard

On Sat, Sep 5, 2009 at 10:16 AM, pEeLL <milan.h...@gmail.com> wrote:

>
> Hi
>
> i use for drag and drop this easy code
>
> $(function() {
>
>                $(".ui-draggable").draggable({ revert: 'invalid' });
>
>                $(".ui-droppable").droppable({
>                        accept: '.ui-draggable',
>                        drop: function(event, ui) {
>                                $(this).addClass('red');
>                        },
>                        out: function(event, ui) {
>                                $(this).removeClass('red');
>                        }
>                });
> });
>
> i have some boxes and some containers. i  want add ONLY one box to one
> container. How can i limit number of boxex that will container
> accept?  thanks for every help.
>

Reply via email to