jQuery UI可排序与引导错误 [英] Jquery UI sortable with bootstrap bugs

问题描述

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

I need to make sortable divs in fluid bootstrap's layout.. here is my code at 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也会移动.

1) if you try to move first or latest div in , оther divs are shifted.

2)两者如何连接?使用该代码，我只能将div进行n排序，但是我需要对所有div进行排序.

2) how to connect both ? with that code, i can drag-n-sort divs only in one row but i need to sort divs from all 's.

推荐答案

似乎是一个占位符问题.我已经添加了边距修复:

Seems like an issue with a placeholder. I have added margin fix to it:

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

现在看起来还可以.

演示

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

And for sorting between lists you can use connectWith.

这篇关于jQuery UI可排序与引导错误的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！