アウトライン化された単語をマウスダウンすると、小さなコンテキスト メニューが表示されます。必要な選択肢の上にドラッグして離します。現在の構成では、ユーザーが何も選択しなかったかのように動作します。ドロッパブルを #del から #target に変更すると機能しますが、明らかにその方法を選択することはできません。
$(function() {
$('#word').mousedown(function(ev, ui) {
$("#target").slideDown(100);
});
$('#word').mouseup(function(ev, ui) {
$("#target").slideUp(100);
});
$('#word').draggable({
axis: 'y',
containment: 'parent',
revert: true, revertDuration: 100,
stop: function() {
$("#target").slideUp(100);
}
});
$('#del').droppable({
activeClass: 'over',
drop: function() {
var vote = alert("Delete action goes here");
}
});
});
フィドルを見てみましょう: http://jsfiddle.net/monsto/PF3ty/7/
私は何が欠けていますか?