jQuery UI的可放開自動水平對齊容器中的

Question

我工作的jQuery UI的拖動&下降，我的要求是，當我砸滴眼容器的div一個div，它會自動對齊水平。我嘗試過的一些[R & d，並得到，使其垂直對齊，但不能將其更改爲水平代碼。

腳本：

$(function(){ 
    $('#add').click(function(){ 
     $('#container').append('<div class="ui-widget-content draggable">Zone<i class="fa fa-pencil-square-o">&nbsp;&nbsp;&nbsp;</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> 

Working Fiddle

Answer 1

什麼幫助對我來說是增加

.draggable { 
    float: left; 
    /* rest of the css */ 
} 

希望這有助於！