0

更新

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

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

悬停并单击可排序的行时

在此处输入图像描述

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

在此处输入图像描述

我在使用 Twitter Bootstrap 和表格时遇到了一个非常奇怪的问题。jquery UI sortables

我已将表中的行tbody设为可排序,以便用户更改行的顺序。然而,虽然排序和放置工作正常,但当您单击该行,鼠标按下,然后将其拖动到另一个位置时,该行似乎首先从顶部“飞入”,而不是从屏幕上的原始位置开始。

虽然这乍一看似乎很新奇,但它很快就变老了,而且显然很大。

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

我也在使用Fuel UX 的 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>
4

1 回答 1

0

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

于 2013-07-23T14:11:24.037 回答