0

ここで何かを見落としているのではないかと思います。<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ファイルの読み取りを停止したかのように機能しません。

4

2 に答える 2

3

機能はありませんkeyUp。に変更するkeyupと、正常に動作するはずです。

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

デモ

チップ：

  1. スクリプトエラーが発生すると、Javascriptコンパイラはエラー行の下の次の行の実行を停止し、次のjsファイルまたは次の<script>ブロックに進みます
  2. 今後、スクリプトに問題が発生した場合は、コンソールでエラーを確認してください。以下は私が使用したときに得たものですkeyUp

エラー： $（ "＃ws3 .textarea textarea [name = \" company-description \ "]"）。keyUpは関数ではありません

于 2012-05-18T19:32:17.360 に答える
2

keyUpjQueryには関数はありません。関数名はkeyup

作業デモ

于 2012-05-18T19:37:11.983 に答える