按鈕禁用不工作，如果你不在textarea文本

Question

夥計們我想做一個待辦事項列表。 如果沒有textarea按鈕被禁用。如果你開始鍵入，按鈕沒有被禁用。這可以在我的代碼上工作，但添加一個列表後，按鈕不會被禁用。但如果我在textarea按鈕上鍵入並刪除我的文本被禁用，如果我輸入，按鈕沒有被禁用。 我想要的是，點擊按鈕後（添加列表後），按鈕必須禁用，直到我鍵入。 here fiddle

$(function() { 
 
    $('#textarea').val(''); 
 
    
 
    $('#button').attr("disabled", true); 
 
    $('#button').css('background', 'red'); 
 

 
    $('#textarea').keyup(function(e) { 
 
    var keyed = $(this).val(); 
 
    if ($(this).val() == 0) { 
 
     $('#button').css('background', 'red'); 
 
     $('#button').attr("disabled", true); 
 
    } else { 
 
     $('#button').css('background', '#333'); 
 
     $('#button').attr("disabled", false); 
 
    } 
 
    
 
$('#button').click(function() { 
 
    var userList = $('#textarea').val(); 
 
    $('#textarea').val(''); 
 
    $('#list-area').append("<br/>" + userList); 
 
    }); 
 
    
 
    }); 
 
});

#todolist { 
 
    width: 300px; 
 
    height: 200px; 
 
    margin: 10px auto; 
 
    border: 1px solid red; 
 
} 
 
#center { 
 
    text-align: Center; 
 
    margin-top:5px; 
 
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<div id="todolist"> 
 
    <div id="center"> 
 
    <textarea rows="1" id="textarea"></textarea> 
 
    <button id="button">Add</button> 
 
    </div> 
 
    <div id="list-area"> 
 
    
 
    </div> 
 
</div>

Answer 1

使用這條線在按鈕單擊事件

$(this).css('background', 'red').prop("disabled", true); 

Working demo