JQuery перетаскивание только за пределами div

Question

У меня почти есть решение благодаря этому вопросу: Перетаскиваемый возврат, если за пределами этого div и внутри других перетаскиваемых объектов (с использованием как недействительных, так и допустимых опций возврата)

Я изменил кодв jsfiddle здесь http://jsfiddle.net/phoebebright/jcRN7/1/, чтобы продемонстрировать, что я хочу сделать, показывая внешний div, где элементы можно сбрасывать, и внутренний div, где их нет, продемонстрировать проще, чем объяснить!

Как я могу остановитьсяdiv сбрасывается на div внутри div, который может быть сброшен?

Answer 1

$('.drop').droppable({
    tolerance: 'fit',
});

$('.drag').draggable({
    revert: 'invalid',
    stop: function() {
        $(this).draggable('option', 'revert', 'invalid');
    }
});

$('.drag').droppable({
    greedy: true,
    tolerance: 'touch',
    drop: function(event, ui) {
        ui.draggable.draggable('option', 'revert', true);
    }
});

Попробуйте добавить это:

$('#nogo').droppable({
    greedy: true,
    drop: function(event,ui){
        ui.draggable.draggable('option','revert',true);
    }
});