带有引导程序错误的 Jquery UI 可排序

Question

我需要在流体引导的布局中制作可排序的 div。 这是我在 jsfiddle 的代码：http://jsfiddle.net/6UkdR/

        <div class="row-fluid">
<div id="sortable">
            <span class="span3">
                <div class="thumbnail">
                </div>
            </span>
            <span class="span3">
                <div class="thumbnail">
                </div>
            </span>
            <span class="span3">
                <div class="thumbnail">
                </div>
            </span>
 </div>
        </div>
    <div class="row-fluid">
<div id="sortable">
            <span class="span3">
                <div class="thumbnail">
                </div>
            </span>
            <span class="span3">
                <div class="thumbnail">
                </div>
            </span>
            <span class="span3">
                <div class="thumbnail">
                </div>
            </span>
        </div>
 </div>

1) 如果您尝试移动第一个或最新的 div，其他 div 会被移动。

2) 如何连接两者？使用该代码，我只能将 div 拖放到一行中，但我需要对所有 div 进行排序。

Answer 1

似乎是占位符的问题。我已经为其添加了边距修复：

.ui-sortable-placeholder {
     margin-left: 0 !important;
}

现在好像没事了。

Demo

对于列表之间的排序，您可以使用connectWith。