jQuery UI Drop Drop Table

Question

我有一個包含表格的頁面。我希望用戶能夠從一個地方拖到桌子上的任何地方。掉落似乎沒有被解僱。

的jsfiddle這裏： http://jsfiddle.net/netroworx/Kk9MX/

的Javascript：

$('#dragSource').draggable(); 

$('#dropTable').droppable({ 
    drop: function() { alert('drop'); } 
}); 

HTML：

<p>Drop SOURCE anywhere on table</p> 


<table id="dropTable" border="1"> 
    <thead> 
     <tr><th>Name</th><th>Description</th></tr> 
    </thead> 
    <tbody> 
     <tr><td>Name1</td><td>Description1</td></tr> 
     <tr><td>Name2</td><td>Description2</td></tr> 
     <tr><td>Name3</td><td>Description3</td></tr> 
     <tr><td>Name4</td><td>Description4</td></tr> 
    </tbody> 
</table> 

<div id="dragSource">SOURCE</div> 

Answer 1

好像droppable不工作table如果你環繞table與div則作品

檢查Fiddle demo