Eu tenho um div
<div class="row">
<div class="col-xs-4 drop12">
// content goes
</div>
</div>
<div class="row">
<p class="col-xs-4 drag12">
// content goes
</p>
</div>
Meu problema é como fazer com que o elemento arrastado quando solto na área para soltar fique no centro da div soltar usando jquery-ui
$('.drag12').draggable();
$('.drop12').droppable();
Pode verificar o violino https://jsfiddle.net/fefcn9nm/1/
https://jsfiddle.net/fefcn9nm/6/
$(document).ready(function(){
var offsetCenter;
$('.drop12').droppable();
$('.drop12').on('drop', function( event, ui ) {
var $divDrop = $(this);
offsetCenter = {
top: $divDrop.offset().top + $divDrop.height()/2,
left: $divDrop.offset().left + $divDrop.width()/2
}
var diffLeft = offsetCenter.left - event.pageX,
diffTop = offsetCenter.top - event.pageY;
$(ui.draggable).css({
left: parseInt($(ui.draggable).css('left')) + diffLeft,
top: parseInt($(ui.draggable).css('top')) + diffTop
})
});
$('.drag12').draggable();
})
Este artigo é coletado da Internet.
Se houver alguma infração, entre em [email protected] Delete.
deixe-me dizer algumas palavras