Question

我有一个可拖动的：

<ul>
    <li>Option 1</li>
</ul>

    <script type="text/javascript">
    $(function() {
        $( "li" ).draggable({
            connectToSortable: //I don't where what should be configured here
        });
    });
    </script>

<div></div>
<div></div>
//add item here

我正在尝试拖动“选项1”，以便它会拖动到现有div列表中最后一个div的下方，如何启用它？我想我需要以某种方式跟踪div的列表？

Answer 1

<script>
    $(function() {
        $( "#sortable" ).sortable({
            revert: true
        });
        $( "#draggable" ).draggable({
            connectToSortable: "#sortable",
            helper: "clone",
            revert: "invalid"
        });
        $( "ul, li" ).disableSelection();
    });
    </script>

Answer 2

我的解决方案是在div列表下添加一个新的div，添加一个这个div的css类并使其可以排序。

拖动div列表下面的项目

2 个答案: