jQuery UI Drag/Drop - 溢出，位置固定 - FireFox drop 不触发

Question

我正在构建我的系统，我想使用 jQuery UI，但是我在使用 FF 时遇到了一些问题，它可以在 IE 和 Chrome 上正常工作，因为这是公司使用的两个主要浏览器，所以它是不紧急，但由于我在其他项目中经常使用 jQuery UI，而且这是一个有趣的小怪癖（可能是错误？），所以需要提及。 我想将两个数据库表分配给另一个并将分配插入另一个表。

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

请看我的JSFiddle 演示，如果您使用的是FF，您会注意到当您从“from”表底部附近拖动一条记录时，div 滚动条会弹回顶部，并且助手显示在鼠标 Y 的下方，这意味着您不能放下记录，因为它太低了。

正如我所说，在 IE 或 Chrome 中没有问题，这就是我的客户使用的，但这不是很好笑吗？

谢谢 卢克

Answer 1

嘿卢克，

尝试在您的可拖动函数中添加cursorAt: { bottom: 0 }。它应该在 FF 中工作。

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

更新小提琴：http://jsfiddle.net/vS3EH/11/