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