1

ドラッグ アンド ドロップ ゲームのドラッグ可能オブジェクトは、css で強調表示された指定された領域にのみドロップできるはずです。

$('.drag').draggable({

helper: 'clone',
snap: '.drop',
grid: [60, 60],
revert: 'invalid'
});


$('.drop').droppable ({
drop: function(event, ui) {
    word = $(this).data('word');

   }
});

CSS スタイルは .showword と呼ばれ、それをトリガーするクリック イベントは「#picknext」と呼ばれます。

スタイル領域にドロップされていない場合、ドラッグ可能なものを元に戻す方法はありますか?

このようなもの...

$('#picknext').click({
drop: function(event, ui) {
    word = $(this).data('word');
}       

});
4

2 に答える 2

1

ここから始めるべきことがあります。

http://jqueryui.com/demos/droppable/#revert

于 2012-07-27T09:52:55.930 に答える
0

オプションヘルプで説明されているように、プロパティに関数を設定するのrevertではなく、無効に設定したい: http://docs.jquery.com/UI/Druggable#option-revert

于 2012-07-27T09:59:58.850 に答える