javascript - 入力変更時のJqueryトリガーが機能しない

Question

ユーザーが入力の値を変更したときに、Jquery を使用してイベントをトリガーしようとしています。

かなり簡単なはずですが、すべての方法を試しましたが、どれもうまくいきません。

ここに私のHTMLがあります:

<input id="size" type="text" name="Size[mm]" style="width:40px; margin-top:5px; padding-left:10px;" value="1.00" maxlength="6" size="10">

ここに私のjQueryがあります：

私は試した：

<script>
$('#size').bind('keyup mouseup change',function(){
       alert('Yeah!');
});
</script>

と

<script>
$("input#size").change(function(){
          alert('Yeah!');
}).change();
  </script>

と

<script>
$("#size").change(function(){
          alert('Yeah!');
});
</script>

ただし、これらはどれも機能せず、私の Firebug では何も起こりません。

何か案は？

ありがとう

score 4 · Accepted Answer

それらが機能しない場合は、要素がレンダリングされる前にイベントハンドラーを追加している可能性があります。ドキュメントレディを使用してください。

<script>
    $( function(){
        $('#size').bind('keyup mouseup change',function(){
            alert('Yeah!');
        });
    });
</script>

1 に答える 1