Jquery ui JQuery UI嵌套排序和滚动

全部

我有以下代码，在您尝试在内部滚动条上滚动之前，这些代码可以正常工作：

<ul class="meh">
            <li>
                <a href="#">TEXT 1</a>
                <ul class="meh">
                    <li>
                        <a href="#">TEXT 1</a>
                    </li>
                    <li><a href="#">TEXT 2</a></li>
                    <li><a href="#">TEXT 3</a></li>
                    <li><a href="#">TEXT 4</a></li>
                    <li><a href="#">TEXT 5</a></li>
                    <li><a href="#">TEXT 6</a></li>
                    <li><a href="#">TEXT 7</a></li>
                    <li><a href="#">TEXT 8</a></li>
                    <li><a href="#">TEXT 9</a></li>
                    <li><a href="#">TEXT 10</a></li>
                </ul>
            </li>
            <li><a href="#">TEXT 2</a></li>
            <li><a href="#">TEXT 3</a></li>
            <li><a href="#">TEXT 4</a></li>
            <li><a href="#">TEXT 5</a></li>
            <li><a href="#">TEXT 6</a></li>
            <li><a href="#">TEXT 7</a></li>
            <li><a href="#">TEXT 8</a></li>
            <li><a href="#">TEXT 9</a></li>
            <li><a href="#">TEXT 10</a></li>
        </ul>

        <script type="text/javascript">
            $(function(){
                $(".meh").sortable();
            });
        </script>

$（函数（）{
$（“.meh”）.sortable（）；
});

内部UL将在您完成滚动后拖动，如下所示：

我不知道如何解决这个问题

谢谢

找到了

浏览了一些文档，偶然发现了sortable（）的“cancel”选项

如果添加一个包装器，例如“div”元素并使其溢出：滚动，则可以使用与取消选择器相同的div，如下所示：

$(".meh").each(function(){
    $(this).sortable({cancel: ".scrollable"});
});

---

我把范围缩小了一点。我现在知道，这与存在嵌套的可排序项这一事实无关，更重要的是，滚动似乎触发了可排序项的拖动事件