jQuery画像をクリックしてもクリックしないでクリックする - テーブル行を非表示/表示する

Question

かなり簡単な作業を実行しようとしています。画像をクリックし、隠れた表の行を表示します。

$(".trigger_44870").click(function() { 
    alert('hi'); 
    $("#target_44870").show(); 
}); 

関連HTML：：私は画像をクリックするたびに

<tr> 
     <td colspan='13'><img src='https://feedback.primecaremedical.com:8887/purchasing/_assets/images/plus.png' width='1%' class='trigger_44870'></td> 
    </tr> 
    <tr style="display: none;" id='target_44870'> 
     <td colspan=13>Supporting Data</td> 
     <td colspan=13>Supporting Data</td> 
    </tr> 

、何もjqueryの関数から発射されなかっます。ここjqueryのです。

アイデア？

https://jsfiddle.net/o4aqbctn/4/

Answer 1

$（」。trigger_44870 "）。クリックしてください（...）が呼び出され、クラス=" trigger_44870" の画像要素は、トリガーが失敗したので、まだDOMではありません。

は（ </body>前）ページの一番下にあなたのスクリプトコードを移動したりondomreadyタイプのイベントの中に置き

：

$(document).ready(function() { 
     $(".trigger_44870").click(function(){ 
     alert('hi'); 
     $("#target_44870").show(); 
     }); 
    }); 

Answer 2

スクリプトは文書の先頭に置かれ、codeisありません$（document）.ready（）の中に含まれています。 ドキュメントが「準備完了」になるまでページを安全に操作することはできません。説明したようにhere

Answer 3

document.ready関数内にclickイベントを記述します。 document.ready関数を新しいスクリプトタグに入れ、タグの後ろに置きます。それが動作します ！！