整个页面顶部的可拖动div（在页面加载时）

Question

我正在开发一个应该包含可拖动元素的网络项目，我使用javascript和jquery将其置于页面中。

一切都按预期工作，但可拖动的div占据了div上方和下方之间的空间。我希望这个可拖动的元素在加载页面后立即位于页面的其余部分之上，即我希望它不占用上面的div和div之间的空间，而是在一切之上生成。请参阅下面的视频和jsfiddle。

我怎么能够做到这一点？

JSFiddle

Answer 1

像这样使用position:absolute;：

$(function() {
  $("#draggable").draggable().css("position", "absolute");;
});

更新了Jsfiddle。

此外，在您的CSS中，您使用了错误的选择器类型。在您的HTML中，您的ID为draggable，而您在CSS中将其用作类。改变了这个CSS：

.draggable { z-index: 4000; width: 350px; height: 350px; padding: 0em; }

用这个：

#draggable { z-index: 4000; width: 350px; height: 350px; padding: 0em; }