user1554650 user1554650 - 1 year ago 244
jQuery Question

Sortable div jquery

Sortable div issue. When I drag divs to the "drop" div. All divs are coming one below the other.


I need one div to come one after another in horizontal.
for eg.
In the Sortable div,it should be

Html is as below

$("#origin").sortable({connectWith: "#drop"});
$("#drop").sortable({connectWith: "#origin" });


min-width: 600px;
min-height: 120px;

#origin img, #drop img {
margin-top: 3px;
margin-left: 5px;

min-height: 120px;
.over {
border: solid 5px purple;
border: solid 2px gray;

<script src=""></script>
<script type="text/javascript" src="" ></script>
<div id="wrapper">
<div id="origin" class="fbox">

<div id="one_1" class="draggable">one</div>
<div id="two_2" class="draggable">two</div>
<div id="three_3" class="draggable">three</div>
<div id="drop" class="fbox">


Answer Source

Like this? enter image description here

Just do this:

#drop .draggable
  float: left
Recommended from our users: Dynamic Network Monitoring from WhatsUp Gold from IPSwitch. Free Download