检查输入中的值是否等于某个值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);
    }
});