jQueryUI可排序+可拖动和固定位置溢出自动 - 无法将项目拖动到可排序

Question

我正在尝试设计两个面板和一个中心内容的页面。 像这样：

<section>
    <div class="left">...</div>
    <div class="center">...</div>
    <div class="right">...</div>
</section>

jQuery('#left li').draggable({
    connectToSortable: ".EditingFormCategoryFields",
    helper: "clone",
});
jQuery('#center').sortable();

左侧面板是项目的来源。中心面板是项目的目标。 溢出有问题。我需要overflow：auto，因为它可能包含很长的内容。

如果您尝试此http://jsfiddle.net/NfQuk/3/，您将看到无法将项目从左侧面板拖动到中心。

Answer 1

问题不在于溢出，而是可拖动项目将“左”div作为容器，因此不能被拖出它。尝试将containment属性设置为section元素。