jQuery Ui - Draggable sets sortable revert speed
by surmston
HTML
<script src="//ajax.googleapis.com/ajax/libs/jqueryui/1.10.1/jquery-ui.min.js"></script>
<p>Revert speed is changed when you drag an item into list</p>
<ul class="sort">
<li>One</li>
<li>Two</li>
<li>Three</li>
</ul>
<ul class="drag">
<li>Drag</li>
<li>On</li>
<li>Sort</li>
</ul>
CSS
body {
padding: 10px;
}
ul {
position: relative;
}
li {
width: 80px;
line-height: 20px;
border: 1px solid #ccc;
background: #eee;
}
ul {
margin: 10px;
}
.drag li {
background: #def;
}
JavaScript
$(".sort").sortable({
items: 'li',
revert: 75 // this is overidden by draggable which sets it to true
});
$(".drag li").draggable({
connectToSortable: $('ul.sort')
});