jqueryUI - 在拖动开始时创建的元素不作为可拖拽

Question

使用jQuery的拖放，我创建一个元素，而我开始我的拖动，而在开始时我做一个元素并追加到正文，并作为一个投掷的元素..

我得到一个线索，利用我做了我的作品，但it'not工作的任何一个建议我以正确的方式，请..

这是我的代码：

$.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!"); 
    } 
}); 

Demo

在此先感谢..

Answer 1

我不知道如何使活动/动态事件处理，但如果你喜欢这个问题已经解决。 Demo

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