0

スパン内に画像を配置し、jQuery を使用してスパンにクリック イベントを与えることはできますか。ここでは、私のコードでは機能していません。

<span id="removeNewTime" class="removeTime">
    <img src="Images/close button.png" alt="close" />
</span>

jQuery コード

<script>
    $(document).ready(function(){
        $(".removeTime").click(function(){
            alert("hello");
        });
    });
</script>
4

7 に答える 7

1

スパンの CSS を に設定するdisplay:block;か、スパンを<div>

于 2012-11-23T05:05:00.427 に答える
1

jQuery を含める必要があるかもしれない作業です。この投稿では、ページに jQuery を追加する方法を説明します。

ライブデモ

$(document).ready(function(){
    $(".removeTime").click(function(){
     alert("hello");
    });
});​
于 2012-11-23T05:03:24.440 に答える
0

このコードは機能していますコードのいくつかのポイントに注意してください

1） http://code.jquery.com/jquery-1.8.3.min.jsなどの最新のjqueryファイルをコードに追加することを忘れないで ください。

2） http://jquery.com/download/からダウンロードします

于 2012-11-23T05:18:19.393 に答える
0

時々私はこれがうまくいかないのが好きです、

次に、これを試します（ページが動的に変更された場合）

$(document).ready(function(){
    $(".removeTime").live("click",function(){
     alert("hello");
    });
});​
于 2012-11-23T06:19:01.503 に答える
0

ドキュメント準備機能を適用する前に、jquery ライブラリが含まれていることを確認してください。

作業フィドルを参照してください：

http://jsfiddle.net/87Laj/

<script src='https://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js' type='text/javascript'></script>

<script>
   $(document).ready(function(){
     $(".removeTime").click(function(){
      alert("hello");
    });
  });
</script>
于 2012-11-23T05:07:54.940 に答える
0

ファイルの head セクションに jquery が含まれていることを確認してください。コードが正常に機能しているため。

簡単にするために、常に使用します<script src="http://code.jquery.com/jquery-latest.js"></script>

これにより、常に最新の jquery ファイルを使用できます。

于 2012-11-23T05:08:33.387 に答える
0

jqueryコードが機能するために必要なjqueryファイルに問題がある可能性があります。

動作中のjsfiddleを確認してください

js コードの小さな改善:

$(function() {
    $(".removeTime").on('click', function(){
         alert("hello");
    });
});​
于 2012-11-23T05:10:01.167 に答える