还原可拖动对象

目前，我的draggable可以放在网格中的任何位置。

如果这些可拖拉的东西没有掉到风格突出的区域，我需要它们恢复原状。

我该怎么做？

目前，如果它们没有从可拖动的网格中掉落，我已经让它们恢复，就像这样…

    $('.drag').draggable({
    helper: 'clone',
    snap: '.drop',
    grid: [60, 60],
    revert: 'invalid',
 });

这是选择所需降落区域的函数。。。

    $('#pickNext').mousedown(function() {
    // remove the class from all td's
    $('td').removeClass('spellword');
    // pick a random word
    var r = rndWord;
    while (r == rndWord) {
    rndWord = Math.floor(Math.random() * (listOfWords.length));
}
    // apply class to all cells containing a letter from that word
    $('td[data-word="' + listOfWords[rndWord].name + '"]').addClass('spellword');
});

像这样的。。。

    $('.squares').draggable({
    drop: function(event, ui){
    if (squares.drop ! word) {
    revert: 'invalid'
    }
  }
});

或者这个。。

$('.squares').draggable({
    drop: function(event, ui) {
        if ($(this).text() == $(ui.draggable).text().trim()) {
            revert: 'valid'
        }
                else {
                revert: 'invalid'
    }
                }
});