2012-07-31 84 views
0

我的“#picknext”功能选取网格中的下一个单词拼写给用户。目前它的工作除了连续两次选择同一行以外。选择下一个功能

我该如何预防?

$('#pickNext').mousedown(function() { 
    // remove the class from all td's 
    $('td').removeClass('spellword'); 
    // pick a random word 
    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'); 
}); 

HTML ...

<ul style="display:none;" id="wordlist"> 
    <li data-word="mum" data-audio="http://www.wav-sounds.com/cartoon/daffyduck1.wav" data-pic="http://www.clker.com/cliparts/5/e/7/f/1195445022768793934Gerald_G_Lady_Face_Cartoon_1.svg.med.png"></li> 
    <li data-word="cat" data-audio="http://www.wav-sounds.com/cartoon/porkypig1.wav" data-pic="http://www.clker.com/cliparts/c/9/9/5/119543969236915703Gerald_G_Cartoon_Cat_Face.svg.med.png"></li> 
    <li data-word="dog" data-audio="http://www.wav-sounds.com/cartoon/porkypig1.wav" data-pic="http://www.clker.com/cliparts/e/9/4/1/1195440435939167766Gerald_G_Dog_Face_Cartoon_-_World_Label_1.svg.med.png"></li> 
    <li data-word="bug" data-audio="http://www.wav-sounds.com/cartoon/porkypig1.wav" data-pic="http://www.clker.com/cliparts/4/b/4/2/1216180545881311858laurent_scarabe.svg.med.png"></li> 
    <li data-word="rat" data-audio="http://www.wav-sounds.com/cartoon/daffyduck1.wav" data-pic="http://www.clker.com/cliparts/C/j/X/e/k/D/mouse-md.png"></li> 
    <li data-word="dad" data-audio="http://www.wav-sounds.com/cartoon/daffyduck1.wav" data-pic="http://www.clker.com/cliparts/H/I/n/C/p/Z/bald-man-face-with-a-mustache-md.png"></li> 

+0

什么是listOfWords?另外,你可以展示一些示例HTML吗? – 2012-07-31 15:20:43

+0

@Chris - 我想这是一个单词列表;) – 2012-07-31 15:21:19

+0

一个拥有列表的对象@Chris – sMilbz 2012-07-31 15:21:33

回答

2

你需要存储一些rndWord变量事件侦听器的范围之外,父母任何一方的范围,或者使用this.data(” rndWord'),那么你可以看起来像

var r = rndWord; 
while (r == rndWord) { 
    rndWord = Math.floor(Math.random() * (listOfWords.length)); 
} 
+0

Thanks完美答案 – sMilbz 2012-07-31 15:29:22

0

不知道如果我正确理解你,但..也许,大mayb e ..

$('td[data-word="' + listOfWords[rndWord].name + '"]').not($(this)).addClass('spellword'); 
+0

FYI:'.not($(this))=== .not(this)' – 2012-07-31 15:26:24