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/
私の質問は、ドラッグ可能な位置をマウスの位置と同じに保つ方法です