0

私のドラッグ アンド ドロップ ゲームでは、グリッド内の単語に文字をドラッグして、単語をすべて完成させ、背後にある画像を明らかにします。ユーザーは、「click me!」をクリックして綴る単語を選択します。ボタン。次に、「.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 に答える