javascript - 如何在jQuery UI中使用Draggable和Droppable将拖动的li附加到droppable ui中？

这是我想做的
的HTML

<ul class="droppable">    </ul>
<ul  class="droppable">
<li class="draggable"> Item 1</>
<li class="draggable"> Item 2</>
</ul>

jQuery的

 $(function () {
            $(".draggable").draggable();
            $(".droppable").droppable({
                drop: function (event, ui) {
                    alert("Dropped!");
                }
            });
        });

我想将li拖到另一个UL中，并将li附加到已删除的UL中。

最佳答案

希望这会帮助你。

演示：http://jsfiddle.net/x5T4h/519/

    $(function() {
$( ".drag li" ).each(function(){
    $(this).draggable({
        helper: "clone"
    });
});

$( ".droppable" ).droppable({
    activeClass: "ui-state-hover",
    hoverClass: "ui-state-active",
    accept: ":not(.ui-sortable-helper)",
    drop: function( event, ui ) {
        var targetElem = $(this).attr("id");
        $( ui.draggable ).clone().appendTo( this );
    }
}).sortable({
    items: "li:not(.placeholder)",
    sort: function() {
        $( this ).removeClass( "ui-state-default" );
    }
});
});

关于javascript - 如何在jQuery UI中使用Draggable和Droppable将拖动的li附加到droppable ui中？，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/33361308/