Javascript Jquery使用draggable将div添加到其他所有内容的页面上

我有一个应用程序，我正在尝试扩展它的功能。因此，本例中的html必须添加JavaScript。要求是当页面被加载时，一个div将被添加到页面中，并且它将成为可拖动的。这种情况会发生，但由于div添加了prepend，因此它会占用空间，并且在拖动div时会出现一些“灰色”空间

$('.body').prepend('<div style="height:40px; width 40px; z-index:9; position:relative;" id="draggable" class="ui-widget-content"><p>test</p></div>');
$(function() {
    $( "#draggable" ).draggable();
});

$（“.body”）.prepend（“test
”）；
$（函数（）{
$（“#可拖动”）.draggable（）；
});

我想，您需要定位它

绝对值

---

位置：绝对位置
我想，您需要定位它
绝对值

位置：绝对位置
我想，您需要定位它
绝对值

位置：绝对位置
我想，您需要定位它
绝对值

位置：绝对位置
位置：相对的
移动元素，而不会中断原始文档流（由元素存在引起）。您可能希望使用
position:absolute
position:relative
在不中断原始文档流的情况下移动元素（由于元素的存在）。您可能希望使用
position:absolute
position:relative
在不中断原始文档流的情况下移动元素（由于元素的存在）。您可能希望使用
position:absolute
position:relative
在不中断原始文档流的情况下移动元素（由于元素的存在）。您可能需要使用
position:absolute
@user3032973干杯@用户3032973干杯@用户3032973干杯@用户3032973干杯！！