0

我在使用流体网格的 twitter 引导应用程序中使用 jquery-ui 可排序列表。列表中的所有元素都使用 居中margin:0 auto。

数据方面一切正常，但是当用户拖动列表中的一个元素时，它在拖动时会在视觉上向左对齐，这可能是因为 jquery 将位置设置为绝对。

有没有办法覆盖这种行为？

更新

以下是可能相关的代码位：

HTML结构

<div class="container-fluid">
    <div class="row-fluid">
        <div class="span2"></div>
        <div class="span10">
            <div id="sortable-list" data-update-url="some-url">
            <span id="position-zero"></span>
                <div class="item-container">
                    <div class="item-inner">Some text</div>
                    <div class="item-toolbar"></div>
                </div>
    </div>
        </div>
    </div>
</div>

CSS位

.row-fluid {
    width:100%;
}

.item-container {
margin:0 auto;
width:1205px;
}

.item-inner {
margin: 0 auto;
width:1163px;
}

.item-toolbar {
margin:0 auto;
display:none;
width:1203px;
}

#list-column {
margin: 0 auto 300px 0;
min-height:500px;
}

JS（咖啡脚本）

jQuery ->
    $("#sortable-list").sortable
    axis: 'y'
    placeholder: "item-placeholder"
    handle: '.icon-move'
    sort: ->
        $('.item-toolbar').hide()
    update: ->
        $.post($(this).data('update-url'), $(this).sortable('serialize'))
4

0 回答 0