互动网站:禁用按钮2

Question

我找不到问题了。据说：

噢，再试一次。记得在发布新消息后禁用Post按钮

更新:原来有个小问题，我重新提交了代码，它起了作用。

var main = function() {
    $('.btn').click(function() {
        var post = $('.status-box').val();
        $('<li>').text(post).prependTo('.posts');
        $('.status-box').val('');
        $('.counter').text('140');
        $('.btn').addClass('disabled');
    });

    $('.status-box').keyup(function() {
        var postLength = $(this).val().length;
        var charactersLeft = 140 - postLength;
        $('.counter').text(charactersLeft);

        if(charactersLeft < 0) {
            $('.btn').addClass('disabled');
        }
        else if(charactersLeft == 140) {
            $('.btn').addClass('disabled');
        }
        else { 
            $('.btn').removeClass('disabled');
        }
    });
             $('.btn').addClass('disabled');

            $(document).ready(main);
            }

Answer 1

这里就是一个例子：

$('.btn').click(function() {$(this).attr("disabled", true);})

Answer 2

我想你忘了关闭函数大括号。在最后一行之后，应该有一个大括号和分号};，如下所示：

var main = function() {
    $('.btn').click(function() {
        var post = $('.status-box').val();
        $('<li>').text(post).prependTo('.posts');
        $('.status-box').val('');
        $('.counter').text('140');
        $('.btn').addClass('disabled');
    });

    $('.status-box').keyup(function() {
        var postLength = $(this).val().length;
        var charactersLeft = 140 - postLength;
        $('.counter').text(charactersLeft);

        if(charactersLeft < 0) {
            $('.btn').addClass('disabled');
        }
        else if(charactersLeft == 140) {
            $('.btn').addClass('disabled');
        }
        else { 
            $('.btn').removeClass('disabled');
        }
    });
};