(UWAGA: Niektórzy zadawali podobne pytania, ale byli zbyt konkretni i nie dawali żadnych użytecznych odpowiedzi)

Przeciągalny widget jQuery UI ma opcje przyciągania do siatki, ale nie ma możliwości ustawienia relatywnej siatki.

Na przykład mamy wyraźnie zdefiniowaną siatkę 20x20 w naszym celu upuszczania. Element przeciągania, który zaczyna się od 0,0 wewnątrz celu upuszczania, zostanie przyciągnięty zgodnie z siatką. Ale przedmiot przeciągania, który zaczyna się w innym miejscu lub poza celem upuszczania, nie będzie zrównany z tą siatką.

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"
    });
});

Jest tukażdy sposób przyciągania do określonej siatki za pomocą przeciągania jQuery?