文章/答案/技术大牛

发布

社区首页 >问答首页 >如何在点击时放下可拖动的div？

问如何在点击时放下可拖动的div？
EN

Stack Overflow用户

提问于 2016-07-22 11:02:02

回答 1查看 2.3K关注 0票数 2

我有一个元素需要拖放(Jquery UI droppable) div，而拖放(工作完美)，但我需要删除相同的元素，同时点击它。

之所以需要上述功能:当使用单独的代码克隆元素并在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'));
    });    
});

小小提琴..！中的示例代码

drag-and-drop

onclick

clone

jquery

jquery-ui

回答 1

Stack Overflow用户

发布于 2016-07-22 11:23:39

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

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

工作演示

演示用于您的第二个查询。-如何为所有已删除的元素分配resizable()。

票数 0

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/38524825

复制

相似问题

问如何在点击时放下可拖动的div？
EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问如何在点击时放下可拖动的div？EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问如何在点击时放下可拖动的div？
EN