如何点击可拖动的div?

时间:2016-07-22 11:02:02

标签: jquery jquery-ui drag-and-drop onclick clone

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

我需要上述功能的原因:代码重复使用单独的代码克隆并在onclick时将元素附加到droppable div中。我需要为两者使用相同的代码。如何将onclicked元素(draggable元素)传递给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..!

中的示例代码

1 个答案:

答案 0 :(得分:0)

我认为你不能在点击时触发拖放功能。 但是你可以做这样的事情

/usr/local/psa/admin/conf

Working demo

第二次查询

Demo。 - 如何为所有被删除的元素分配resizable()。