いまヒシヒシと噛み締めています。。。
【HTML】
<div class="ui-widget ui-corner-all">
<ul id="draggable">
<li class="ui-widget-content ui-state-default">item 1</li>
<li class="ui-widget-content ui-state-default">item 2</li>
<li class="ui-widget-content ui-state-default">item 3</li>
</ul>
<ul id="droppable">
</ul>
</div>
【javascript】
$(function() {
$('#draggable').sortable({
connectWith: '#droppable'
});
$('#droppable').sortable({
});
});
【css】
.ui-widget {
border: 3px dashed #00c;
padding: 25px;
}
.ui-widget ul {
min-height: 100px;
list-style: none;
padding: 25px;
}
#draggable {
border: 1px dashed #c00;
background-color: #c99;
width: 20%;
float: left;
}
#droppable {
}
#droppable {
border: 1px dashed #0c0;
background-color: #9c9;
}
