Other solution is to add next code below ...drop: function(){...
$(this).droppable('disable');
logicaly, it will disable drop on element...
If you want enable drop, again, add next code below ...out: function
(event, ui) {...
$(this).droppable('disable');
Hope it helps...
On Sep 8, 3:27 am, Richard D. Worth rdwo...@gmail.com wrote:
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.