(HINWEIS: Einige haben ähnliche Fragen gestellt, waren aber zu spezifisch und lieferten keine brauchbaren Antworten)

Das ziehbare Widget von jQuery UI verfügt über Optionen zum Fangen an einem Raster, kann jedoch nicht so eingestellt werden, wie das Raster relativ ist.

Zum Beispiel haben wir ein klar definiertes 20x20-Raster in unserem Drop-Ziel. Ein Ziehelement, das innerhalb des Ablageziels bei 0,0 beginnt, wird entsprechend dem Raster ausgerichtet. Ein Ziehelement, das an einer anderen Position oder außerhalb des Ablageziels beginnt, wird jedoch nicht mit diesem Raster ausgerichtet.

http://jsfiddle.net/FNhFX/5/

HTML:

<div class="drop-target">
    <div class="drag-item">Drag me</div>
    <div class="drag-item" style="left:87px;top:87px;">Drag me</div>
</div>
<div class="outside-drag-item">Drag me</div>

JS:

$(function() {
    $(".drag-item").draggable({
        grid: [20, 20]
    });
    $(".outside-drag-item").draggable({
        grid: [20, 20],
        helper:"clone"
    });
    $(".drop-target").droppable({
        accept: ".drag-item"
    });
});

Gibt esirgendein Möglichkeit, mit jQuery draggable an einem bestimmten Raster zu fangen?