Jquery Droppable克隆，但不要删除

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

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

我希望能够做的，就是当你拖动图片到落区，而不是从最初的名单褪色，我想一个类添加到它。

我无法弄清楚我需要做什么？

2013-10-10 Mark

应该像留在名单还是应该被删除？ – Dhaval

它应该留在列表 – Mark

$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(); 
    } 
});

来源

2013-10-10 12:50:26 andygoestohollywood

这个添加是一个类。但是当我这样做时，放置功能不再起作用。 – Mark

如果这意味着拖放功能正在工作，我想这将是接收拖放功能，因为它不再接受内容 – Mark

当您的元素位于放置区域中时，您可以使用drop事件捕获事件。在http://api.jqueryui.com/droppable/#event-drop

来源

2013-10-10 12:53:03

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

更多信息，我想你想这

// 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'); 
     } 
    })

来源

2013-10-10 13:17:41 Dhaval

这适用于添加一个类，但它不会阻止原始项移动/淡出。在jQuery的例子。将元素拖入垃圾箱时，会立即消失/消失。我不想让我消失。 – Mark

@马克，所以我想你想要这样的东西..当图像将下降到垃圾区图像背景应该改变，它应该在原来的区域以及垃圾区的两个地方..是吗？ – Dhaval

是的。对不起，如果我的OP不够清楚。 – Mark

Jquery Droppable克隆，但不要删除

回答

相关问题