javascript - 控制台中没有错误，但 javascript 不会运行

Question

我写这个是为了让 for 可见以再次启用它，但不知何故，控制台不会记录任何内容，我真的不知道错误是什么。

$(document).ready(function () {
    $('.btn').click(function () {
        $('#wrapper').css({
            "height": "0%",
            "opacity": "1",
            "display": "initial"
        });
        $(".form-container input").removeAttr("disabled");
        $('#wrapper').find('p').first().remove();
    });
});

这是我使用的 HTML；

<form class="navbar-form pull-left"style="margin-top: 31%; margin-left: -48.75%;">
            <input type="email" class="form-control" style="width: 200px; outline: none;border-color: #58D998;box-shadow: #58D998;">
            <button type="submit" placeholder="" class="btn btn-default">Submit</button>
</form>

Answer 1

它是一个提交按钮，所以它会刷新页面，你需要取消点击事件。

$('.btn').click(function (e) { 
    e.preventDefault();

而且你不应该使用 removeAttr 来删除禁用，使用 prop()

$(".form-container input").prop('disabled',false);

---

如果您说它不起作用，我猜您需要更改监听事件的方式

$(document).on("click", '.btn', function (e) {