jquery - 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 のドラッグ可能には、すぐにグリッドにスナップする機能がないため、ニーズに合わせて調整しようとしていますが、サイズ変更可能なスナップでさえ、ピクセル値のグリッドにスナップするだけです (とにかく私が知る限り)。私が使用できる方法はありますか

$(".assets").resizeable({ グリッド: $(".columns") }); ?

私はそれを試しましたが、うまくいきません。これも見つけました: https://github.com/polomoshnov/jQuery-UI-Resizable-Snap-extension

しかし、2つの異なる要素（グリッド用とドラッグ可能用）では機能しないようです。

これを機能させる方法についてのアイデアはありますか？

ありがとう