如何在没有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>

Answer 1

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