jquery-ui - jQueryUI Sortable + Draggable and fixed position with overflow auto - 无法将项目拖入可排序

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();

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

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

Answer 1

问题不在于溢出，而在于可拖动项目将“左”div 作为容器，因此无法将其拖出。尝试将containment属性设置为您的部分元素。