2015-08-13 48 views
0

我找不到問題。這是說:Codecademy - 互動網站:禁用按鈕2

糟糕,再試一次。請記住,在發佈新消息後禁用發佈按鈕

更新:事實證明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

'$ addClass(' 禁用 ')丙'的'(' 殘疾人',真正的')。 btn'點擊處理程序 – Tushar

+1

您能否提供上述練習的codecademy鏈接? – WisdmLabs

+0

當然。 https://www.codecademy.com/courses/web-beginner-en-hk5qh/0/8?content_from=make-an-interactive-website%3Ajquery-dom-manipulation – user5220317

回答

0

Here是一個例子:

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

我想你忘記關閉功能括號。最後一行後應該有一個右括號和分號};這樣的:( 'BTN ')

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

嗯..我沒有忘記,我認爲我沒有在第一時間粘貼整個代碼。我編輯了我的代碼。另外,謝謝:) – user5220317