javascript - Jquery Droppable 克隆，但不删除

Question

我正在使用 jquery 的拖放照片管理器，并且需要一些稍微改变的功能。您可以查看例如。在下面的链接中。

http://jqueryui.com/droppable/#photo-manager

我想要做的是，当您将图像拖到拖放区时，我想为其添加一个类，而不是从原始列表中淡出。

我无法弄清楚我需要在哪里执行此操作？

Answer 1

$trash.droppable({
  accept: "#gallery > li",
  activeClass: "ui-state-highlight",
  drop: function( event, ui ) {
        ui.draggable.addClass('my-new-thing');
        var $list = $( "ul", $trash ).length ? $( "ul", $trash ) : $( "<ul class='gallery ui-helper-reset'/>" ).appendTo( $trash );
        ui.draggable.clone().append( recycle_icon ).appendTo( $list ).fadeIn();
  }
});

Answer 2

我想你想要这个

    // let the trash be droppable, accepting the gallery items
    $trash.droppable({
        accept: "#gallery > li",
        activeClass: "ui-state-highlight",
        drop: function( event, ui ) {
            deleteImage( ui.draggable );
            ui.draggable.addClass('new1');
        }
    })

Answer 3

当您的元素位于放置区时，您可以使用事件捕获drop事件。

$( ".selector" ).droppable({
    drop: function( event, ui ) {
        // Add your class here
    }
});

有关http://api.jqueryui.com/droppable/#event-drop的更多信息