jquery ui:嵌套的可排序错误

谢谢你的阅读。

两个问题:

我正在创建系统的任务列表类型,它将使用嵌套的可排序列表。

下面是一些非常基本的演示代码:

<script>
    $(function(){

        $('.sortable_test > li').attr('style', 'border:1px solid red; padding:3px; margin:2px;');

        $('.sortable_test').sortable({
            distance: 5,
            connectWith: ['.sortable_test'],
            placeholder: 'ui-state-highlight',
            forcePlaceholderSize: true
        });
    })
</script>
<ul class='sortable_test'>

    <li>
        Item
        <ul class='sortable_test'>

            <li>
                Item

            </li>
            <li>
                Item
            </li>
            <li>
                Item
            </li>
            <li>
                Item
            </li>
            <li>
                Item
            </li>
            <li>
                Item
            </li>
            <li>
                Item
            </li>
        </ul>
    </li>
    <li>
        Item
    </li>
    <li>
        Item
    </li>
    <li>
        Item
    </li>
    <li>
        Item
    </li>
    <li>
        Item
    </li>
    <li>
        Item
    </li>
</ul>

问题1:

如果您试图从嵌套的子列表中拖动一个项,那么在该列表中,它将非常有效。如果您尝试重新排序主列表中的项目,也是一样的。

但是,如果要将一个项目从子列表拖到主列表,或者反之亦然,则可以这样做,但占位符不会立即出现,它将尝试将其保持在同一列表中。你必须把它拖到整个地方,然后它才能注册到你已经结束的列表中。

最终,它似乎意识到你想进入或退出一个子列表,但这是非常激烈的混蛋。

我在想,可能是对哪个列表具有优先权感到困惑,因为从技术上讲,您是在拖拽两个列表。

因此,如果您试图将一个项目从主列表拖到子列表中,它会将整个子列表视为一个单独的项目,并尝试这样移动它。

有人遇到过这个吗?有什么想法吗?也许有一种方法可以指定哪个列表具有优先权,或者让您感兴趣的哪个列表对插件更明显?

第2期:

如果你抓取第一个项目,即带有子列表的大项目,并尝试对其重新排序,有时它会尝试掉入自己的子列表,导致错误,然后消失。在拖动开始之前,我可以通过添加一个句柄来绕过这个问题,并在句柄单击时隐藏子列表(使其变小,从而解决了问题),但是其他人能想出一种方法来解决这个问题吗?

似乎问题在于拖动高度较大的项目。

浏览器:

一切都在火狐中。IE似乎根本无法处理嵌套的可排序文件。似乎没有办法从子列表中获取项目。

谢谢!