我根据在网上找到的 jQuery 代码创建了一个刽子手。我了解代码是如何工作的,如果我只想使用一个词,它就可以完美地工作。我想使用多个单词的游戏,所以我创建了一个函数来做到这一点。不幸的是,它不适用于该功能。
这是我创建的功能:
function hangman(var word)
{
var alpha = 'ABCDEFGHIJKLMNOPQRSTUVWXYZ';
$.each(alpha.split(''), function(i, val){
$('#alpha').append($('<span class="guess">' + val + '</span>'));
});
$.each(word.split(''), function(i, val){
$('#word').append($('<span class="letter" letter="' + val +'">_</span>'));
});
$('.guess').click(function(){
var count = $('#word [letter='+$(this).text()+']').each(function(){ $(this).text($(this).attr('letter'));}).length;
$(this).removeClass('guess').css('color' , (count > 0 ? 'green' : 'red')).unbind('click');
});
}
$(document).ready(function() {
$('#BUT').click(function() {
hangman('DOG');
});
});
这是我的 HTML:
<div id="hangman-jquery">
<div id="word"></div>
<div id="alpha"></div>
</div>
<button id= "BUT" ></button>
正如我所说,它不起作用。你知道解决办法吗?