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