Элемент Drop на позиции курсора

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(); 

Но брошено элемент добавляется в нижней части & Я хочу добавить, что упавший элемент на пути 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, на которое оно было сброшено, если это то, что вы хотите?