以下是它的外观:
$( "#box ul li" ).draggable({
helper: "clone"
});
$( ".item" ).draggable({containment: ".door"});
$( ".door" ).droppable({
accept: ":not(.ui-sortable-helper, .item)",
drop: function( event, ui ) {
$( "<div class='item'></div>" ).html(ui.draggable.find("img")).appendTo(this);
}
});
用户拖动 $( "#box ul li" ) 元素并将其放在 $(".door") 元素上。然后,它使用 $(".item") 选择器将其添加到 $(".door") 元素中。
我正在使用jquery UI - Draggable来拖放项目。在这方面没有任何问题。
以下是实际问题;
但是当您开始拖动元素时,函数会更改元素的左侧和顶部位置,例如;top:10px left:10px。 但我想基于百分比对可容纳元素进行拖动。应该是top:10%; left:10%。
有什么想法吗?