jquery - 为什么我的 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 可排序问题。我没有使用滚动 div。为了让滚动正常工作，我必须从样式表中删除这一行:

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

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