1

我有一个像这个小提琴所示的 html 结构:http: //jsfiddle.net/VrkU5/7/。我希望它足够清楚。

具有 .item 唯一类的div.item是包含某些内容的项目,比如说一个图像。div.item.empty是空的,带有一个占位符。

行示例:

<div>
    <div class="row-fluid">
        <div class="span2">
            <div class="item">1</div>
        </div>
        <div class="span2">
            <div class="item">2</div>
        </div>
        <div class="span2">
            <div class="item">3</div>
        </div>
        <div class="span2">
            <div class="item">&nbsp;</div>
        </div>
        <div class="span2">
            <div class="item empty">&nbsp;</div>
        </div>
        <div class="span2">
            <div class="item empty">&nbsp;</div>
        </div>
    </div>
</div>

问题:

我想从此列表中删除一个项目并将其替换为一个空项目。一切正常,我可以删除它并将一个空的附加到 div.row-fluid。但我的问题是我可以有多行....

如果从一行中删除一个项目,脚本应该从下一个最近的行中获取一个项目,将其附加到第一行(从中删除的项目),然后附加为空。

我需要在每行中始终有 6 个项目。

我期待最简单的方法来做到这一点。我正在使用 jQuery。有人有想法吗?

4

1 回答 1

0

问题实际上是引导程序,它引起了很多问题。我从 JS fiddle 中删除了它并使用了这个 CSS,并在底部添加了一个更清晰的 div。

http://jsfiddle.net/VrkU5/23/

.row-fluid > div.span2{float:left;margin-left:0px;width:16%;}
.clearer {clear:both;}
.item {
    width: 86%;
    padding: 5%;
    color: #fff;
    background: #ff0000;
    margin-bottom: 10px;
    text-align: center;
    min-height: 1.4em;
    cursor: pointer;
}

.item.empty {
    background: #cccccc;
}
于 2013-08-22T14:25:05.587 回答