0

jQuery UI のドラッグ可能およびドロップ可能を使用しています。ドラッグ可能なものがドロップ可能な上にある場合、ドロップ可能なものが下にスライドし、ドラッグ可能なものが下に押し出され、マウスから離れます。

こちらの例をご覧ください http://jsfiddle.net/shane716/tB4L3/2/

ドラッグ可能に refreshPositions:true を追加しようとしましたが、問題は解決しません。

HTML コード

<table>
<tr class="droppable"><td>Drop to here</td></tr>
<tr id="slidedown" style="display:none">
    <td>
        <div>
        A<br />
        A<br />
        A<br />
        A<br />
        A<br />
        </div>
    </td>
</tr>
<tr><td class="draggable">Drag Me</td></tr>

jQuery コード

$(".draggable").draggable({
    revert: "invalid", 
    cursor: "move",
    opacity: 0.7,
    refreshPositions: true,
});

$(".droppable").droppable({
    greedy: true,
    accept: ".draggable",
    activeClass:"droppable-active",
    tolerance: "pointer",
    over: function(event, ui) {
    $("#slidedown").slideDown({duration:2000});
}

});

「ヘルパー」を伴うイベント、「ヘルパー」はドラッグ可能な位置に戻りません。 http://jsfiddle.net/shane716/tB4L3/3/

私の質問は、ドラッグ可能な位置をマウスの位置と同じに保つ方法です

4

1 に答える 1