jquery - 我想在容器中添加类，同时在容器中放置一个 div

Question

我正在使用“jquery.sortable.js”来创建拖放以下是代码

js

<script>
    $(function() {
        $('.sortable').sortable();
        $('.handles').sortable({
            handle: 'span'
        });
        $('.connected').sortable({
            connectWith: '.connected'
        });
        $('.exclude').sortable({
            items: ':not(.disabled)'
        });
    });
</script>

HTML

<ul class="connected list">
    <li>Customer</li>
    <li>orders</li>
    <li>inventory</li>
    <li>shipping</li>
</ul>
<ul class="connected list no2"></ul>

虽然拖放工作正常，但我想在第二个“连接”框中的一个类，同时将一个项目拖到它上面。

到处寻找这个解决方案，但找不到它。

Answer 1

检查 jQuery UI 文档以了解与 sortable 一起使用的 droppable 方法。

您可以在此处查看示例。