jquery, перетаскиваемый / сбрасываемый - PullRequest
Новая
       5

jquery, перетаскиваемый / сбрасываемый

1 голос
/ 21 ноября 2010

Любая помощь со следующим будет высоко ценится.Мне нужно иметь фотографию вне коробочки с каплями.Пользователь должен иметь возможность перетаскивать изображение в поле, и как только изображение окажется внутри поля, пользователь все равно сможет перетаскивать его, но только внутри поля.

Заранее благодарим вас за любыеуказатели.

1 Ответ

2 голосов
/ 13 января 2011

Это можно сделать, добавив опцию «содержать» к перетаскиваемому объекту в обратном вызове «отбрасываемого» объекта. Например: 

$(function() {
    $( "#draggable" ).draggable();
    $( "#droppable" ).droppable({
        drop: function( event, ui ) {
            $( this )
                .addClass( "ui-state-highlight" )
                .find( "p" )
                .html( "Dropped!" );
            $( "#draggable" ).draggable({containment:"#droppable"});
        }  });
});

В приведенной выше опции, как только элемент фактически отброшен, вызывается обратный вызов сброса, в результате чего перетаскиваемый элемент ограничивается элементом в параметре «включение».

...