jquery - jqueryUI - 在拖动开始时创建的元素不能作为可放置元素

Question

使用 jquery 的拖放，我在开始拖动时创建一个元素，而在开始时我创建一个元素并附加到正文，并将其作为可放置元素..

我得到了一个线索，我用它制作了我的作品，但它没有用任何人建议我以正确的方式请..

这是我的代码：

$.fn.liveDroppable = function (opts) {
    this.on("mouseenter", function () {
        if (!$(this).data("ctDropInit")) {
            $(this).data("ctDropInit", true).droppable(opts);
        }
    });
};


$("#drag").draggable({

    cursor: "move",

    start:function(){

        if($("#dropBin").length){
            $("#dropBin").remove();
        }

        $('<div/>', {
            id: 'dropBin',
            title: 'Become a Googler',
            rel: 'external',
            text: 'Go to Google!'
    }).appendTo('#container');

    }
});

$('#dropBin').liveDroppable({
    hoverClass: "highlight",
    drop: function (event, ui) {
        alert("Dropped!");
    }
});

演示

提前致谢..

Answer 1

我不知道如何进行实时/动态事件处理，但如果你喜欢这个问题就可以解决。演示

$("#drag").draggable({

    cursor: "move",

    start:function(){

        if($("#dropBin").length){
            $("#dropBin").remove();
        }

        $('<div/>', {
            id: 'dropBin',
            title: 'Become a Googler',
            rel: 'external',
            text: 'Go to Google!'
        }).appendTo('#container');

        $('#dropBin').droppable({
            hoverClass: "highlight",
            drop: function (event, ui) {
                alert("Dropped!");
            }
        });
    }
});