【发布时间】:2013-07-22 13:03:22
【问题描述】:
更新
包括一些示例代码和屏幕截图
问题仅发生在 Chrome 和 Chromium 中,而不是 Firefox
悬停并点击可排序的行时
在移动鼠标(拖动行)的毫秒内,同一行从顶部“飞入”
我在使用 Twitter Bootstrap 和表格时遇到了一个非常奇怪的 jquery UI sortables 问题。
我已将tbody 中的表行设为可排序,以便用户更改行的顺序。但是,虽然排序和放置工作正常,但当您单击该行,鼠标按下,然后将其拖动到另一个位置时,该行似乎首先从顶部“飞入”,而不是从屏幕上的原始位置开始。
虽然这乍一看可能很新奇,但它很快就变老了,而且显然很大。
我以前从未见过这个问题,想知道是否其他人有任何经验。
我也在使用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>
【问题讨论】:
-
如果不看一些代码就很难分辨..
-
我添加了截图和一些伪代码。
标签: jquery jquery-ui jquery-ui-sortable fuelux