1

我的拖放游戏中的draggables应该只能放在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/Draggable#option-revert

于 2012-07-27T09:59:58.850 回答