0
我工作的jQuery UI的拖動&下降,我的要求是,當我砸滴眼容器的div一個div,它會自動對齊水平。我嘗試過的一些[R & d,並得到,使其垂直對齊,但不能將其更改爲水平代碼。jQuery UI的可放開自動水平對齊容器中的
腳本:
$(function(){
$('#add').click(function(){
$('#container').append('<div class="ui-widget-content draggable">Zone<i class="fa fa-pencil-square-o"> </i><i class="fa fa-times"></i></div>');
$(".draggable").draggable();
$('.dropTarget').droppable({
drop: function(ev, ui) {
$(ui.draggable).detach().css({top: 0,left: 0}).appendTo(this);
}
});
});
});
HTML:
<a href="javascript:void(0);" id="add">Add Zone</a>
<div id="container" style="height: 100px;"></div>
<div class="dropTarget" style="float: left; border:1px solid black; height: 200px; width: 200px;"></div>
看看這個小提琴https://jsfiddle.net/66bw5u4h/38/ –