jQuery UI可放置，可拖动，可调整大小和对齐网格

Question

我有以下结构：

<div id="grid">
    <div class="columns"></div>
    <div class="columns"></div>
    <div class="columns"></div>
    ...
</div>
<div id="assets">
    <div class="assets" id="asset1"></div>
    <div class="assets" id="asset2"></div>
    ...
</div>

我想让每个资产都可以放置，拖放，调整大小并捕捉到位于资产下方的每一列。 jQuery UI draggable没有开箱即用的网格，所以我正在尝试调整它以满足我的需要，但是即使是可调整大小的快照也只能捕捉到像素值网格（据我所知）。有没有办法可以使用

$（“。assets”）。resizeable（{grid：$（“。columns”）}）; ？

我已经尝试过了，但它不起作用。我也发现了这个：https://github.com/polomoshnov/jQuery-UI-Resizable-Snap-extension

但它似乎没有两个不同的元素（一个用于网格，另一个用于可拖动）。

关于如何使这项工作的任何想法？

由于