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-zone时，您可以使用drop事件捕获该事件。

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

有关http://api.jqueryui.com/droppable/#event-drop

的更多信息

Jquery Droppable克隆，但不要删除

3 个答案: