jQuery UI - 可排序从顶部飞入

时间:2013-07-22 13:03:22

标签: jquery jquery-ui jquery-ui-sortable fuelux

更新

  • 包含一些示例代码和屏幕截图

  • 问题在Chrome和Chromium中发生,而不是Firefox

悬停并点击可排序的行

enter image description here

在移动鼠标(拖动行)的几毫秒内,同一行从顶部“飞入”

enter image description here

使用Twitter Bootstrap和表时,我遇到jquery UI sortables非常奇怪问题。

我已将tbody内的表行排序,以便用户更改行的顺序。但是,当排序和删除工作时,当您单击行,mousedown,然后将其拖动到另一个位置时,该行似乎首先从顶部“飞入”,而不是源自屏幕上的原始位置。

虽然这起初看起来很新颖,但它很快就变老了,显然很大。

我之前从未见过这个问题,并且想知道是否有其他人有任何经验。

我也在使用Fuel UX's Wizard,我不确定这是否是问题所在。我已经删除了用于Fuel UX的CSS,问题仍然存在。

我也在使用jqueryUI bootstrap,但似乎这个CSS与它无关。

JS

function sorttable (ID) { var mytable = $('#' + ID) mytable.find('tbody').sortable({ update: function(){ updateorder() } }) }

HTML

<table id="ID">
    <thead>
        <tr>
            <th></th>
            <th></th>
            <th></th>
            <th></th>
            <th></th>
            <th></th>
            <th></th>
            <th></th>
        </tr>
    </thead>
    <tbody>
        <tr>
            <th></th>
            <th></th>
            <th></th>
            <th></th>
            <th></th>
            <th></th>
            <th></th>
            <th></th>
        </tr>
    </tbody>
</table>

1 个答案:

答案 0 :(得分:0)

删除CSS不会删除问题,除非全部使用CSS转换完成。在某处发布实际代码将是理想的,因为我们可以看一看并帮助确定真正的问题。如果完全从页面中删除FuelUX向导,问题是否仍然存在?