Jquery - перетаскивание в определенную область

Question

Вот мой Jquery:

    $(".list").draggable({helper: 'clone', cursor: 'hand'});
    $(".drop1").droppable({
        accept: '.list',
        hoverClass: 'dropareahover',
        drop: function(ev, ui){
         var targetId = $(this).attr("id");
         var allTargets = $("#" + targetId, ".tble");
         $("#" + targetId).each(function() {         
            //here i have to write the conditions.                      
            });
        }
 });      

Мне нужно разместить контент в определенной области. если я размещу контент в другой области. он не примет.

Answer 1

Может ли это быть тем, что вы ищете? (опция возврата для jquery, перетаскиваемой)

$(".list" ).draggable({ helper: 'clone', cursor: 'hand', revert: 'invalid'});

От: http://jqueryui.com/demos/draggable/

Если вернуть значение true, элемент вернется в исходное положение. когда перетаскивание останавливается. Возможные строковые значения: 'valid', 'invalid'. Если Если установлено значение «Неправильно», возврат произойдет только в том случае, если упал на капельницу По правде говоря, все наоборот.

Примеры кода

Инициализировать перетаскиваемый объект с указанным параметром возврата.

$(".selector" ).draggable({ revert: true });