0

我正在构建我的系统，我想使用 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 中没有问题，这就是我的客户使用的，但这不是很有趣吗？

谢谢卢克

4

1 回答 1

1

嗨，卢克，

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

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

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

于 2013-08-06T08:26:14.410 回答