javascript - 为什么我的 jQuery .click() 回调没有正确处理输入？

Question

我正在创建这个很酷的 HTML Jeopardy 游戏，我需要一些编码方面的帮助。现在我正在处理第一个问题。在 FancyBox 中弹出。

我正在使用 if 来确定正确答案，但它不起作用。

我有代码:

$(document).ready(function() {
    var tag_100_input = $('#tag_100_ans').val();
    $('#tag_100_button').click(function() {
        if (tag_100_input == 'strong' || tag_100_input == 'b' || tag_100_input == '<strong>' || tag_100_input == '<b>') {
            $('.tag_100_correct').fadeIn(500);
            setTimeout("$.fancybox.close()", 3000);
            score += 100;
            $('#tag_100_not').css('display', 'none');
            $('#tag_100').css('display', 'none');
        }
        else {
            $('.tag_100_wrong').fadeIn(500);
            setTimeout("$.fancybox.close()", 3500);
            $('#tag_100_not').css('display', 'none');
            $('#tag_100').css('display', 'none');
        }
        $('.score').html(score);
    });
});

危险的问题是:什么标签可以使文本加粗？

即使我输入其中一个遮阳篷:b , strong , <b> , 或 <strong>它显示错误 <span>而不是正确的。这是为什么？

Answer 1

$(document).ready(function() {
    var tag_100_input = $('#tag_100_ans').val();
    $('#tag_100_button').click(function() {

您将在文档加载后立即使用 .val() 检索输入。您稍后不会再查看输入，因此您的代码只会对默认输入值起作用，而不是您实际输入的值。

您只需要通过交换第二行和第三行来获取 .click() 回调中的输入值:

$(document).ready(function() {
    $('#tag_100_button').click(function() {
        var tag_100_input = $('#tag_100_ans').val();