这可能吗:创建一个可拖动元素,以便当它被拖动到特定的可放置元素上时,可拖动元素的包含选项设置为可放置元素?这会产生一种效果,在可放置元素上拖动某些东西会导致可拖动元素被锁定/卡在可放置元素的范围内。
以下是我的代码的摘录,尽管它无法实现上述效果。
var droppable_position = $('#droppable').position();
$('#draggable').draggable({
helper: 'clone',
drag: function (event, ui) {
if (ui.position.left > droppable_position.left && ui.position.top > droppable_position.top)
{
$('#draggable').draggable('option', 'containment', '#droppable');
}
}
});