Question

我正在尝试使用JQuery的一个小功能，我以前没有见过，而且我不确定如何处理它，所以我想看看你们中是否有人知道一个聪明的方法来拉它关闭：

我们有一些元素浮动，连续，保存在一个包含div和我们的jquery UI函数调用：

$(function() {
    $(".container_element" > div ).draggable();
});

标记：

<div class="container_element">
    <div style="float:left; width:50px; height:50px;">1</div>
    <div style="float:left; width:50px; height:50px;">2</div>
    <div style="float:left; width:50px; height:50px;">3</div>
    <div style="float:left; width:50px; height:50px;">4</div>
    <div style="float:left; width:50px; height:50px;">5</div>
</div>

所以我的问题是如何拖动“1”并将其放在两个其他元素之间以将它放置在它们之间，并实际改变DOM中的位置，以便它整齐地漂浮在行的左侧，就像以前一样，但是以新的顺序？

JS小提琴： http://jsfiddle.net/JzaCg/

JQuery UI Draggable文档： http://jqueryui.com/draggable

因此，使用普通的JQuery UI可能无法做到这一点。如果没有，怎么样？

Answer 1

我认为您正在寻找可排序的jQuery UI http://jqueryui.com/sortable/

Javascript拖放测试

1 个答案: