Небольшой вопрос, надеюсь, с простым ответом: я использую jQuery с возможностью перетаскивания и опускания для размещения элементов в док-станции. Используя приведенный ниже код для drop.
$("#dock").droppable({
drop: function(event, ui) {
//Do something to the element dropped?!?
}
});
Однако я не смог найти способ узнать, какой элемент на самом деле был удален, поэтому я могу что-то сделать. Это возможно?
Из документации по событию перетаскивания:
Это событие запускается, когда принятый перетаскиваемый элемент перебрасывается «поверх» (в пределах допуска) этого перетаскиваемого элемента. В обратном вызове
$(this)представляет собой droppable, на который перетаскивается. В то время какui.draggableпредставляет перетаскиваемый.
So:
$("#dock").droppable({
drop: function(event, ui) {
// do something with the dock
$(this).doSomething();
// do something with the draggable item
$(ui.draggable).doSomething();
}
});
$("#drag").draggable(); $("#drop").droppable({ drop: function (event, ui) { $(this).css("background-color","red"); } }); $("#drop").droppable({ out: function( event, ui ) { $(this).css("background-color","yellow"); } }); почему этот код не работает? $("#drag").draggable(); $("#drop").droppable({ drop: function (event, ui) { $(this).css("background-color","red"); } out: function( event, ui ) { $(this).css("background-color","yellow"); } }); codepen
- person MaxySpark; 26.03.2016
