jquery - 将元素放在光标位置

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 下方？