javascript - 如何在没有 jqueryUI 的情况下使 div 垂直可拖动

Question

我真的需要整个库（jquery UI）来使 div 在其父级中垂直拖动吗？

我尝试了属性draggable="true"，但它根本不起作用。

.wrap{text-align:center;}
.parent{display:inline-block; position:relative; padding:14px; background:lightblue; overflow:hidden; width:50%; height:54px;}
.title{position:absolute; left:0; top:0; background:gold; cursor:move; width:100%;}

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>

<div class='wrap'>
<div class='parent'>
<div class='title' id='title' draggable="true">DRAG ME UPandDOWN</div>
</div>
</div>

标签： javascriptjquerydraggable

Answer 1

您可以查看 HTML 中的Draggable属性。你可能会错过drop和drag事件。