将元素放在光标位置

Question

我正在执行拖放事件，因为我想将元素拖放到可拖放元素上。

<div class="draggable ui-draggable"  id="800068">
    <h5>test 2.mp4</h5>
</div>

我将它放入 ::

<div class="drop" data-bind:"foreach:items">
   <div class="slot">
        <p data-bind="text"></p>
   </div>
</div>

& 我的 Jquery 拖放代码如下::

$('.draggable').draggable();
$('.drop').droppable();

但是 Dropped 元素附加在 & 的底部，我想在 Way so that I can be over Slot as well as over <p> 中附加该删除的元素

Answer 1

    $(".slot").droppable({
        accept: ".draggable",
        tolerance:"pointer",
        drop: function (event, ui) {
            var dropped = ui.draggable;
            var droppedOn = this;
            $(dropped).detach().css({ top: 0, left: 0 });
            $(droppedOn).before($(dropped));
            $(dropped).append("<h5></h5>");
            $(dropped).find('h5').text("hello test");
        }
    });

如果这是你想要的，这会将它放在它所在的 div 下方？