Question

在我的拖放游戏中，字母被拖到网格中的单词，目的是完成所有这些并显示背后的图像。用户通过单击＆＃34;单击我来选择要拼写的单词！＆＃34;按钮。然后，这将使用名为＆＃34; .spellword＆＃34;。

的样式随机标记一个单词

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

这是一个脚本，使按钮随机选择一个单词并给它＆＃34; .spellword＆＃34;风格。

 $('#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');
});

这是我已经应用于我的draggables的恢复...

$('.drag').draggable({

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

         else {

             return false;
         }
    }
});

谢谢！

Answer 1

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

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

我是通过创建变量“validDrop”来完成的。

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

希望有所帮助

确保用户在继续之前完成给定的单词

1 个答案: