Codecademy - 交互式网站:禁用按钮2

时间:2015-08-13 05:09:20

标签: javascript jquery

我无法找到问题。它说:

  

哎呀,再试一次。请记住在发布新消息后禁用“发布”按钮

更新:事实证明Codecademy上有一个小小的错误,我重新提交代码并且它有效。

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

2 个答案:

答案 0 :(得分:0)

Here就是一个例子:

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

答案 1 :(得分:0)

我认为你忘了关闭功能支架了。在最后一行之后,应该有一个右括号和分号};,如下所示:

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