jquery - 如何在 onclick 时放下可拖动的 div？

Question

我有一个元素需要在拖放时放入 droppable(Jquery UI droppable) div 中(完美)，但我需要在 onclick 时删除相同的元素。

我需要上述功能的原因:当 onclick 时使用单独的代码克隆元素并将其附加到可放置的 div 中时，代码会重复。我需要对两者使用相同的代码。如何将 onclicked 元素(可拖动元素)传递到 drop 函数中？

$(document).ready(function() 
{
    var cloned_element;

    $("#draggable").draggable({
        helper: 'clone',
        revert: true
    });

    $("#droppable").droppable(
    { 
        drop: function(event, ui) 
        {
            cloned_element = $(ui.helper).clone();
            ui.helper.remove();
            cloned_element.appendTo(this);

            $(this).addClass("ui-state-highlight").find("p").html("Dropped!");
        }
    });

    $('#draggable').on('click',function()
    {
        $(this).trigger("drop", $('#droppable'));
    });    
});

Jsfiddle..!中的示例代码

Answer 1

我认为您无法在单击时触发拖放功能。但你可以做这样的事情

 $('#draggable').on('click',function()
        {
            cloned_element = $("#draggable").clone();
            cloned_element.attr("id","").css("position","absolute");
            cloned_element.find("p").html("Dropped!");
            cloned_element.appendTo("#droppable");
        }); 

Working demo

Demo对于您的第二个查询。 - 如何将 ressized() 分配给所有删除的元素。