1

クリック画像で機能するようにjs関数を呼び出すにはどうすればよいですか?

$("#closeButton").click(function () {
   $("#sheet").css("display", "none");
});

イメージコード?

<img src="images/divclose.png" alt="*"  onclick="function()"/>
4

4 に答える 4

5

  1. ID を追加します (onclick を削除します):

    <img src="images/divclose.png" alt="*" id="closeButton" />

  2. これを書きます (既にある場合は、外側の関数はもう必要ないことに注意してください)。

    $(function () {
  $("#closeButton").click(function () {
    $("#sheet").css("display", "none");
  });
});

  3. さて、初心者向けのチュートリアルや本などを読みましょう。基本を学びましょう ;)

于 2013-09-17T11:59:51.503 に答える
1

コードで ID を使用して画像にアクセスしようとしましたが、画像要素に ID がありません。それを追加するだけで機能します（readyまたはloadイベント内にコードがあり、実行時に要素が存在する場合）：

<img src="images/divclose.png" alt="*" id="closeButton"/>

onclickjQuery を使用してイベントをバインドする場合は、要素に属性を持たないでください。jQuery のイベント モデルは多少異なり、プレーンな DOM イベントと競合する可能性があります。

于 2013-09-17T12:03:54.513 に答える
0

タグには「id」が必要であり、説明したのと同じ方法を使用できます

于 2013-09-17T11:59:35.703 に答える
0

jquery を使用することを想定しているため、jquery のドキュメントを確認する必要があります。

あなたがしたことは"function()"、クリックで呼び出す「昔ながらの」純粋なJavaScriptの方法を宣言することです。

そのため、JavaScript自体で関数「関数」を昔ながらの方法で宣言する必要があります。

jquery とコードを使用して、ID をイメージに割り当てるだけです。

<img src ="foo.png" id="closeButton"/>

そしてそれはうまくいくはずです。

于 2013-09-17T12:00:03.247 に答える