0

Jqueryで簡単なコードを実装しようとしています。クラスの任意の要素をクリックすると、 helloというポップアップが表示される必要があります。

私はこれを試しました：

$(document).ready(function(){
    $(".thumb_radio").click(function(){

       alert("hello");


    });

});

しかし、これは機能しません。

HTMLは次のようなものです。

<tr>
<td>
<input id="thumb_radio_0" class="thumb_radio" type="radio" value="0" name="thumbnail_template">
Please select ...
</td>
</tr>
<tr>
<td>
<input id="thumb_radio_1" class="thumb_radio" type="radio" value="1" name="thumbnail_template">
one

</td>
<td>
<input id="thumb_radio_2" class="thumb_radio" type="radio" value="2" name="thumbnail_template">
two

</td>
<td>
<input id="thumb_radio_3" class="thumb_radio" type="radio" value="3" name="thumbnail_template">
three

</td>
<td>
<input id="thumb_radio_4" class="thumb_radio" type="radio" value="4" name="thumbnail_template">
four

</td>
</tr>

私は何が欠けていますか？

4

3 に答える 3

1

プロトタイプも$変数をオーバーライドします。jQuery を使用する場合は、競合を取り除く必要があります。jQuery には、これを独自に行うメソッドがあります。$.noConflict

于 2013-02-23T08:15:31.617 に答える
-1 
<script type="text/javascript" src="/scripts/jquery-1.7.2.min.js"></script>
<script type="text/javascript">
$(function(){
    $(".thumb_radio").click(function(){
       alert("hello");
    });
 });

</script>

フィドラーの例: http://jsfiddle.net/UtcQu/

正確なソース: ビューソース: http://fiddle.jshell.net/UtcQu/show/light/

jQuery.noConflict()ネイティブjqueryと一緒に他のライブラリを使用している場合のようなことをする必要があるかもしれません.

于 2013-02-23T08:58:58.983 に答える
-1

試す

jQuery(function(){
    jQuery(".thumb_radio").click(function(){
       alert("hello");
    });

});
于 2013-02-23T09:34:42.697 に答える