ドラッグできるクローン要素がありますが、特定の div 要素にドロップしたいのですが、有効な場合は元の位置に戻りませんが、有効かどうかに関係なく常に元の位置に戻ります。
現在、以下のコードを使用しています。
$("ul#objectsList li").draggable({
revert: 'invalid',
snap: "#objectsDropBox",
snapMode: "inner",
helper: function() { return $(this).clone().appendTo('body').show(); },
start: function(e, ui) { $(ui.helper).addClass("ui-draggable-helper");}
});
$("#objectsDropBox").droppable({
accept: "ul#objectsList li",
drop: function( event, ui ) {
alert('hi');
}
});
有効なドラッグ可能オブジェクトがドロップされたときに div にとどまらないのはなぜですか?