jquery - 检查输入中的值是否等于某个值 JQuery

Question

var enter = $('#enter').attr('value');
$('#enterButton').on("click", function() {
    if(enter == "Enter" || enter == "enter") {
        $('.loader').fadeOut(2000);
    }
});

这是我到目前为止的代码，我也尝试过使用:

var enter = $('#enter').val();

但是仍然没有任何效果，所以有人可以帮我解决这个问题吗？谢谢:)

编辑:html 是:

<input id="enter" type="text" placeholder="Do what it says...">
<button class="btn" id="enterButton">Go!</button>

编辑最终结果:

最终答案是:

$('#enterButton').on("click", function() {
    var enter = $('#enter').val();
    if(enter == "Enter" || enter == "enter") {
        $('.loader').fadeOut(2000);
    }
});

因为变量在外部，并且没有通过单击按钮进行更新:) 谢谢@dystroy

Answer 1

单击时不会更新 enter 的值，因此您只测试初始值，当然该值不会改变。

使用这个:

$('#enterButton').on("click", function() {
    var enter = $('#enter').val();
    if(enter == "Enter" || enter == "enter") {
        $('.loader').fadeOut(2000);
    }
});