控制台中没有错误,但javascript将无法运行

时间:2013-07-31 20:42:15

标签: javascript jquery

我写这篇文章是为了让for visisble再次启用它,但不知何故,控制台不会记录任何内容,我真的不知道错误是什么。

$(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>

1 个答案:

答案 0 :(得分:1)

这是一个提交按钮,因此它将刷新页面,您需要取消点击事件。

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

并且您不应该使用removeAttr删除已禁用,请使用prop()

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

如果你说这不起作用,我猜你需要改变你对事件的倾听方式

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