更新
包括一些示例代码和屏幕截图
问题只发生在 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>