如果掉落在错误的地方，如何制作可拖动的还原

Question

我的拖放游戏中的拖动应该只能放在css突出显示的指定区域内。

$('.drag').draggable({

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


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

   }
});

CSS样式称为.showword，触发它的click事件称为“#picknext”。

如果没有丢弃在样式区域，我会如何让draggable恢复？

像这样......

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

});

Answer 1

这是应该让你开始的东西。

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

Answer 2

您希望将其设置为无效，而不是为revert属性设置功能，如该选项中所讨论的那样：http://docs.jquery.com/UI/Draggable#option-revert