Question

我正在构建我的系统并且我想使用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")
    }});

请参阅我的JSFiddle进行演示，如果您使用FF，您会注意到当您从“from”表底部附近拖动记录时，div滚动条会快速回到顶部，帮助器显示在从鼠标Y开始向下的位置，这意味着您不能放下记录，因为它太远了。

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

由于路加

Answer 1

Hei Luke，

尝试在可拖动功能中添加cursorAt: { bottom: 0 }。它应该在FF中工作。

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

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

jQuery UI拖放 - 溢出，位置固定 - FireFox不会触发

1 个答案: