为什么滚动在我的 jQuery UI 排序中不起作用？

Question

我在使用 jQuery UI 的可排序功能时遇到问题。滚动似乎不起作用。

如果第二个列表（列表是在 tbody 中的表行上创建的，并且每个 tbody 都是连接的）不可见，我希望它可以滚动到它以删除我的表行。

这是我的 HTML 设置：

<ul>
    <li>
        <ul>
            <li>
                <table class="treeleerling">
                    <tbody class="oder0">

                        <tr class="suborder0">

                        </tr>
                        <tr class="sub1order">

                        </tr>
                    </tbody>
                </table>
            </li>
        </ul>
    </li>
    <li>
        <ul>
            <li>
                <table class="treeleerling">
                    <tbody class="oder1">

                        <tr class="suborder0">

                        </tr>

                        <tr class="suborder1">

                        </tr>
                    </tbody>
                </table>
            </li>
        </ul>
    </li>
</ul>

还有 jQuery 代码

$(document).ready(function() {
    $("#left tbody").sortable({
            connectWith : '#left tbody',
            scroll : true,
            scrollSensitivity: 40,
    });
});

排序工作正常，但滚动不..我做错了什么还是什么？

更新： 我重构了代码以仅使用列表中的列表项，而不是表体中的表行。同样的问题仍然出现

Answer 1

抱歉，由于我对 jQuery UI 库的了解有限，我无法检测到您的代码中的任何错误。顺便说一句，向下滚动到目标 div 的代码在哪里？

这是解决此问题的另一种方法，请改用另一个 jQuery 插件：ScrollTo。

使用很简单，加载插件后，使用代码如下：

$.scrollTo('#your_target_element_id');

我一直在我的项目中使用它，jQuery 1.4.2 似乎还可以

希望这会有所帮助:)

Answer 2

这可能不适用于您的情况，但我想我会发布我的解决方案来解决我遇到的 jQuery 可排序问题。我没有使用滚动 div。为了让滚动工作，我不得不从我的样式表中删除这一行：

body {
  overflow-x: hidden; /* this line kept page scrolling from working */
}

我还将可排序的“包含”选项设置为“文档”（这可以防止项目被左右拖离页面，这也是我需要的）。

Answer 3

我只是偶然发现了这一点。对您来说可能为时已晚，但对于任何未来的访问者来说：

遇到了这个问题，我不得不从我的 css 中删除以下行：

#sortable{overflow: auto;} /*delete this */

所以我想分配给可排序的任何类型的溢出都可能是问题。