jquery - jQuery UI Sortable 与 SlideToggle 结合使用时，拖动有时会失败(举例!)

Question

我遇到了一个问题，当使用 slipToggle 折叠其中一个列表时，使用 jQuery UI Sortable 进行排序会失败。

这是一个演示: http://jsfiddle.net/BNJzB/52/

说明:折叠第二个列表，将项目从第一个列表拖动到第三个列表，然后尝试将项目从第三个列表拖动到第一个列表。

我注意到一些奇怪的事情:

• 如果所有列表都展开，则可以进行拖放
• 拖放的成功率取决于窗口的滚动位置

我在最新的 Chrome 和 Firefox 中看到了这一点，但我还没有测试过 IE。

Answer 1

从 3 拖到 1 的元素将被转储到 2 中。

这可能不是一个理想的解决方案，但如果您禁用折叠列表上的拖放功能，它就可以正常工作。像这样更新您的点击处理程序(您也不应该使用 .live!)

$weekday.live('click', function() {
    var $this = $(this), // store the header/trigger
        $list = $this.next('ul'); // store the list

    $this.toggleClass('open').next('ul').slideToggle().toggleClass('closed');

    if ($this.hasClass('open')) { // if the header has the 'open' class, it is being toggled off
        // remove sortable functionality
        $list.sortable('disable');            
    } else {
        $list.sortable('enable');           
    }
});​

在这里查看:http://jsfiddle.net/BNJzB/57/