空引导列

Question

我在一些柱子里面有一堆自举面板。现在我尝试使用jquery排序来安排这个面板，但是我无法使它正常工作。

请参阅jsfiddle：https://jsfiddle.net/umnvgory/

我的问题：如果我用左手拖动一个面板，向右拖动它一切都很好。但之后我希望能够将面板从右侧拖回到左侧的空列，但即使占位符也不会向左侧移动。

我已将列的padding-top: 10px属性设置为实际将它们留在空白区域。

我的javascript看起来像这样：

 $("#container-wrapper").sortable({
   connectWith: ".connectedSort",
   items: "div.panel",
   tolerance: 'pointer',
   revert: true,
   placeholder: 'placeholder',
   forceHelperSize: true,
   zIndex: 9999
 }).disableSelection();

Answer 1

通过这篇文章找到我的解决方案。 jQuery UI drop on empty container/list not working

确保在正确的班级上定义$().sortable()，并将其与connectWith: <{1}} sortable()参数合并