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

在我的拖放游戏中，字母被拖动到网格中的单词上，目的是完成它们并揭示背后的图像。用户通过点击“点击我！”来选择单词拼写。按钮。这随后用一种称为“.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; 
     } 
    } 
});

谢谢！

来源

2012-07-25 m0onio

所以，基本上，如果用户拖动信这是不适合当前单词它不应该被接受？如果是这种情况，您可以轻松保存哪些单词当前处于活动状态，并禁止修改其他单词（如果没有重复单词）。另外，你能提供一个小提琴吗？ – Zeta 2012-07-25 08:19:31

我需要它，所以如果字母放在任何地方，但要拼写的话，它们会恢复到原来的位置@Zeta – m0onio 2012-07-26 14:33:23

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

这拨弄回复信回来，除非它被放入到拼写单词的第一个单元是正确的字母。

我已经通过创建变量“validDrop”像这样做吧..

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

希望它可以帮助

来源

2012-08-07 12:46:33 sMilbz

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

回答

相关问题