jQuery textarea keyUp ломает весь следующий код

Question

Я чувствую, что я могу что-то пропустить. Я хочу отобразить количество символов в текстовом поле в элементе <span> под номером <textarea>. Я использую следующий JQuery и HTML:

JQuery:

$('#ws3 .textarea textarea[name="company-description"]').keyUp(function() { 

var charLength = $(this).val().length; 

$('span#charCount').html(charLength + ' of 250 characters used'); 

if($(this).val().length > 250) 
$('span#charCount').html('<strong>You may only have up to 250 characters.</strong>'); 

}); 

HTML:

<div id="ws3" class="ws-section"> 
<label for="company-description">Describe your company for us</label> 
<div class="textarea"> 
    <textarea id="company-description" name="company-description" class="ws-required"></textarea> 
</div> 
<span id="charCount">charCount</span> 
</div> 

Кроме того, все JQuery код, следующий за этот блок не работает, почти как если браузер прекратил чтение файла .js в этом блоке кода.

Answer 1

Там нет keyUp функции .. изменить его keyup, а затем он должен работать нормально ..

$('#ws3 .textarea textarea[name="company-description"]').keyup(function() { 

DEMO

Советов:

1. Когда есть ошибка сценария , Компилятор Javascript прекратит выполнение следующих строк ниже строки ошибки и продолжит переход к следующему js файл или следующий <script> block
2. В будущем, всякий раз, когда у вас есть проблема со сценарием, пожалуйста, посмотрите на консоль на наличие ошибок. Ниже то, что я получил, когда я использовал keyUp

Error: $("#ws3 .textarea textarea[name=\"company-description\"]").keyUp is not a function

Answer 2

Там нет keyUp функции JQuery имени функции keyup

Working Demo