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);
    }
});

Answer 2

你也可以使用它。

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

Answer 3

试试这段代码：

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

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

3 个答案: