【问题标题】:jQuery UI - Sortable flies in from topjQuery UI - 可排序从顶部飞入
【发布时间】: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


【解决方案1】:

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

【讨论】:

    猜你喜欢
    • 1970-01-01
    • 2020-04-18
    • 1970-01-01
    • 2019-09-30
    • 1970-01-01
    • 1970-01-01
    • 2018-06-26
    • 2011-02-16
    • 2012-09-19
    相关资源
    最近更新 更多