Любая помощь со следующим будет оценена по достоинству. Мне нужно иметь изображение за пределами отсечки. Пользователь должен иметь возможность перетаскивать изображение в окно, и как только изображение находится внутри коробки, пользователь все равно сможет его перетащить, но только внутри коробки.jquery draggable/droppable
Благодарим вас за любые указатели.
Это можно сделать, добавив опцию «сдерживания» к перетаскиваемому объекту в обратном вызове «drop» объекта droppable. Например:
$(function() {
$("#draggable").draggable();
$("#droppable").droppable({
drop: function(event, ui) {
$(this)
.addClass("ui-state-highlight")
.find("p")
.html("Dropped!");
$("#draggable").draggable({containment:"#droppable"});
} });
});
В приведенном выше варианте, как только деталь на самом деле упал, падение обратного вызова пожаров и вызывает перетаскивать элемент сдерживаться к элементу в опции «сдерживания».
Можете ли вы опубликовать код, который у вас есть до сих пор, который просто поддерживает перетаскивание его внутри раскрывающегося окна? Если вы хотите помочь сделать это в первом тайме, сообщите нам, и мы сможем вам помочь. Но если вы разместите эту половину своего кода, то мы можем добавить то, что необходимо для поддержки последующего содержимого, которое можно перетаскивать. Вы можете использовать [jsFiddle] (http://jsfiddle.net/), чтобы поделиться с нами. Добро пожаловать в SO! –
Спасибо. Вот пример перетаскиваемого/отбрасываемого из Интернета, который я изменил. http://jsfiddle.net/sPdwm/ – Rodrigo
Я добавил $ ("#draggable") .draggable ({сдерживание: "# droppable"}); к функции drop: и смог содержать движение изображения, я обновил код и, похоже, работает нормально. – Rodrigo