3

チェックボックスがクリック/チェックされたときに発生する単純なアラートを取得できません。なぜうまくいかないのだろうと頭を悩ませていましたが、それは簡単なことだとわかっています...では、何が間違っているのでしょうか?

<script type="text/javascript">
$('#test1').click(function(){
alert('clicked');
});
</script>

<input type="checkbox" id="test1" value="test1" name="test1" value="-1">test1</input>
4

5 に答える 5

8

DOM readyを待っていません。あなたがそうするなら、それはうまくいくでしょう：

<script type="text/javascript">
$(function(){
    $('#test1').click(function(){
        alert('clicked');
    });
});
</script>

<input type="checkbox" id="test1" value="test1" name="test1" value="1" /> test1

フィドル: http://jsfiddle.net/sanbc/

于 2011-08-22T02:19:41.593 に答える
3

document.ready() でラップする必要があります。そうしないと、要素が存在する前にクリックイベントが割り当てられる可能性があります。

また

jQuery ライブラリが含まれていることを確認します。

また

他の JavaScript ライブラリが含まれていないことを確認してください。$ オブジェクトが台無しになる可能性があります。そうであれば、$ を jQuery に置き換えます。

それらを試して、コメントで私に戻ってください

于 2011-08-22T02:20:27.420 に答える
1

$(document).readyイベントハンドラーを登録しようとするときにチェックボックスが存在することを確認できるように、コードをイベント内に配置します。

于 2011-08-22T02:21:22.060 に答える
1

明らかなことを確認するために、このラッパーなしで Jquery UI コードを書いたことはありません。 

 $(document).ready(function() {
       //......
     });
于 2011-08-22T02:23:44.120 に答える
1

これは私にとってはうまくいきます。

例: http://jsfiddle.net/jasongennaro/9dSMM/

DOM の準備ができていないという問題があるのでしょうか?

これを でラップすることを忘れないでくださいdocument.ready。

$(document).ready(function() {
   // put all your jQuery goodness in here.
 });

詳細はこちら

于 2011-08-22T02:21:21.413 に答える