Jquery ui jQuery UI拖放-溢出，位置已修复-FireFox拖放未触发

我正在构建我的系统，我想使用jQuery UI，但我在FF方面遇到了一些问题，它与IE和Chrome配合得很好，没有问题，因为这是该公司使用的两种主要浏览器，这并不紧急，但由于我在其他项目上大量使用jQuery UI，这是一个有趣的小怪癖（可能是一个bug？），需要提及。 我想将两个数据库表分配给另一个数据库表，并将分配插入另一个表中

<div id="to" style="width:100px;">
    <table border="1">
       <tr class="tableHeader">
          <td>Employee</td>
      </tr>

            <tr><td>...</td></tr>

       </table>
</div>
<div id="from" style="height:8em">
    <table>
        <tr><td>...</td></tr>
    </table>
</div>
and JS:
$('#from tr').draggable({ 
    revert: "invalid", appendTo : "#content", helper : "clone" });

$('#to').droppable({drop : function(event, ui) {
        alert("Drop")
    }});

雇员
...
...
和JS：
$（'#from tr'）。可拖动（{
回复：“无效”，附录：“内容”，助手：“克隆”}；
$（'#to'）。可拖放（{drop:function（事件，用户界面）{
警报（“下降”）
}});

请参见我的演示，如果您使用FF，您会注意到，当您从“from”表底部附近拖动记录时，div滚动条将弹回到顶部，并且辅助对象将从鼠标的Y向下显示，这意味着您不能将记录放下来，因为它太低了

正如我所说，IE和Chrome都没有问题，我的客户就是这么用的，但这不是很有趣吗

谢谢 卢克

嗨，卢克

尝试在可拖动函数中添加

cursorAt:{bottom:0}

。它应该在FF中工作

 $('#from tr').draggable({ 
    revert: "invalid",     
    cursorAt: { bottom: 0 }, 
    appendTo : "#content", 
    helper : "clone" 
 });

---

更新小提琴：

谢谢你解决了这个问题。助手显示在正确位置仍然存在问题，但我似乎无法重新创建该问题，我有许多员工组，类似以下内容：。但是drop事件是有效的，这是重要的