Php jqueryui可排序+；Laravel集合块：行可拖动，而不是单个元素

我有个问题。当我使用引导时，我有一行，每个行包含3个图像。为了做到这一点（因为图像来自数据库），我使用了Laravel中可用的

chunk（）

函数。这允许我插入一个

.row

，然后分别显示带有

.col-md-4

的3个图像，然后创建另一个

.row

，依此类推

<div id="sortable-image-container">
    @foreach($product->images->chunk(3) as $chunk)
        <div class="row">
            @foreach($chunk as $image)
                <div class="col-md-4">
                    <div class="card">
                        <div class="header text-right">
                            <a href="{{ route('products.imageDelete', ['pid' => $product->id, 'iid' => $image->id]) }}" class="btn btn-danger">X</a>
                        </div>
                        <div class="content">
                            <img src="http://placehold.it/500x500" alt="" class="center-block img-responsive">
                        </div>
                    </div>
                </div>
            @endforeach
        </div>
    @endforeach
</div>

但是，它将行声明为可拖动元素，而不是产品图像框

---

图中有两行，第一行包含3个图像框，第二行包含一个图像框。如您所见，我正在抓取要拖动的整行，而不是单个元素。因为我使用的是chunk（），所以我找不到一个好的解决方案来拖动单个元素。

似乎是我自己解决的。有一个默认为：

*

的items选项。通过设置：

items:'>.row>*'，

我现在可以获取单个元素

    $('#sortable-image-container').sortable({
        items: '> .row > *'
    });

---

好像是我自己弄明白的。有一个默认为：

*

的items选项。通过设置：

items:'>.row>*'，

我现在可以获取单个元素

    $('#sortable-image-container').sortable({
        items: '> .row > *'
    });

---

好像是我自己弄明白的。有一个默认为：

*

的items选项。通过设置：

items:“>.row>*”，

我现在可以抓取单个元素seem来自己计算出来。有一个默认为：

*

的items选项。通过设置：

items:'>.row>*'，

我现在可以获取单个元素