私のスペリング ゲームには、隠された単語が入力されたグリッドがあります。ゲームの目的は、アルファベットの文字をクリックして、画像や音などのヒントを使用して単語を綴ることです。
ユーザーは、次のボタンを押すことで、どの単語を綴ればよいかを知ることができます。このボタンは、グリッド内の単語をランダムに選択して強調表示します。私の問題は、ユーザーがすぐに開始できるように、ゲームの実行時にボタンを自動的に押す必要があることです。
私はこれを使用してこれを行うことができました
$(document).ready(function(){
$('.minibutton').trigger('click');
});
唯一の問題は、この機能をどこに追加すればよいかわからないことです。追加すると、ボタンの通常の機能にブレーキがかかります...
$('.minibutton').click(function() {
$('.minibutton').prop('disabled', false);
$('.picstyle').show();
$('td').removeClass('spellword');
var r = rndWord;
while (r == rndWord) {
rndWord = Math.floor(Math.random() * (listOfWords.length));
}
$('td[data-word="' + listOfWords[rndWord].name + '"]').addClass('spellword');
$('td[data-word=' + word + ']').removeClass('wordglow').removeClass('wordglow4').removeClass('wordglow3').css('color', 'transparent');
var noExist = $('td[data-word=' + listOfWords[rndWord].name + ']').hasClass('wordglow2');
if (noExist) {
$('.minibutton').click();
} else {
$("#mysoundclip").attr('src', listOfWords[rndWord].audio);
audio.play();
$("#mypic").attr('src', listOfWords[rndWord].pic);
pic.show();
}
});
ここにフィドルがあります... http://jsfiddle.net/smilburn/Dxxmh/34/