0

在我的拖放游戏中,字母被拖到网格中的单词上,目的是完成所有单词并显示背后的图像。用户通过单击“点击我!”来选择要拼写的单词。按钮。然后,这会使用名为“.spellword”的样式随机标记一个单词。

我需要它,以便字母从其他单词中恢复,而不是它们当前所在的单词 - 通过单击我按钮突出显示。

这是使按钮随机选择一个单词并赋予其“.spellword”样式的脚本。

 $('#pickNext').click(function() {
// remove the class from all td's
$('td').removeClass('spellword');
// pick a random word
rndWord = shuffledWords.sort(function() {
    return 0.8 - Math.random();
})[0];
// apply class to all cells containing a letter from that word
$('td[data-word="' + rndWord + '"]').addClass('spellword');
});

这是我已经应用到我的可拖动对象的还原...

$('.drag').draggable({

     helper: 'clone',
     snap: '.drop',
     grid: [60, 60],
     revert: function(droppable) {
         if (droppable === false) {
             return true;
         }

         else {

             return false;
         }
    }
});

谢谢!

4

1 回答 1

0

http://jsfiddle.net/bmgonzal/uu99V/

这个小提琴将字母还原,除非它被放入要拼写的单词的第一个单元格并且是正确的字母。

我已经通过像这样创建变量“validDrop”来完成它..

var validDrop = $('.drop-box.spellword[data-letter='+ $(this).attr('data-letter') +']');
        validDrop.addClass('drop');

希望能帮助到你

于 2012-08-07T12:46:33.213 回答