Javascript jQueryUI在表中的任意位置放置

我有一个包含表格的页面。我希望用户能够从一个地方拖动到桌子上的任何地方。水滴似乎没有被点燃

请点击此处：

Javascript:

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

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

Html:

将源文件放到表中的任意位置

姓名描述
名称1说明1
名称2说明2
名称3说明3
名称4说明4
来源

似乎

下拉列表

在

表

上不起作用，如果在

表

周围加一个

div

，它就起作用了

检查

<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>