Question

现在有一个输入文本框，用户可以在其中输入单词。一旦他们输入该单词并按回车键，该单词将消失并出现一个新单词，依此类推。如果输入错误，颜色会变为红色。我只能让它工作一次，因为我的嵌套if语句有问题。

$(".inputText").keyup(function (event) {
    if (event.keyCode == 13) {
        var text = $('.inputText').val();
        if (text == ("example")) {
            $('.example').fadeOut('fast');
            $('.example2').fadeIn('slow');
            $('.inputText').val('');
            if (event.keyCode == 13) {
                var text = $('.inputText').val();
                if (text == ("example2")) {
                    $('.example2').fadeOut('fast');
                    $('.example3').fadeIn('slow');
                    $('.inputText').val('');
                }
            }
        } else {
            $('.example').css('color', 'red');
        }
    }
});

Answer 1

我认为你的首要问题是你的逻辑结构。基本上，在您的代码中，您尝试加载用户输入（通过获取$('.inputText').val()）两次而不让用户实际输入任何内容。您需要做的是在事件监听器之外存储一些状态，然后在每次用户按Enter键时更新状态。请参阅http://jsfiddle.net/qT96T/，了解我认为您要实现的目标。

如何让我的嵌套if语句在jQuery中工作

1 个答案: